/* =======  fonts ========= */
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local('Merriweather Light'), local('Merriweather-Light'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nrsKtFnhOiVZh9MDlvO1Vys.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local('Merriweather Light'), local('Merriweather-Light'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nkZRWJQ0UjzR2Uv6RollX_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nkqWMeizceScn2Xpn1ZpsKI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nshHwsiXhsDb0smKjAA7Bek.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwIFPx9KgpCoczUSdnmwUGkhk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwIB0ue0Sk5cwvYx5tGiUAApw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/So5lHxHT37p2SS4-t60SlLbeiSZn9gAT0uu8FgUa5kU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/So5lHxHT37p2SS4-t60SlGfrnYWAzH6tTbHZfcsRIsM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwIFMxop41rUAeuGQqDMZDGyg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwIFh3o8VkC1exAYQ700cRowo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hhampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nJBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://web-archive.nli.org.il/National_Library/oe_/https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1xampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* =======  variables  ========  */
/* =======  mixins  ========  */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-md-15 {
  width: 20%;
  float: left;
}

@media only screen and (max-width: 1200px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media only screen and (max-width: 996px) {
  .col-md-15 {
    width: 33.3333% !important;
    margin-bottom: 10px !important;
    float: left;
  }
}
@media only screen and (max-width: 768px) {
  .col-md-15 {
    width: 50% !important;
    float: left;
  }
}
@media only screen and (max-width: 480px) {
  .col-md-15 {
    width: 100% !important;
  }
}
/******************************************************************************************
/*  1-General styles */
/******************************************************************************************/
body {
  background-color: #fff;
  color: #444a50;
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  font-size: 16px;
  line-height: 28px;
}

h2 {
  color: #555962;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

h3 {
  color: #555962;
  font-size: 20px;
  font-weight: 600;
}

p {
  color: #444a50;
  line-height: 28px;
}

.section-title {
  color: #f46464;
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-weight:700;
  text-transform:uppercase;
}

.img-responsive {
  max-width: 100% !important;
}

hr {
  width: 80px;
  height: 4px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: none;
}

ul, li {
  list-style: none;
}

a:hover {
  text-decoration: none !important;
}

a:focus, a:active {
  outline: none;
}

/* ============================== */
/*		    header  			  */
/* ============================== */
.loader {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
}
.loader img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
}

.navbar {
  -webkit-transition: all .5s;
          transition: all .5s;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
}

.navbar-nav > li > a {
  padding: 10px 15px;
}

.navbar-nav {
  padding-top: 15px !important;
}

.navbar-header {
  padding-bottom: 5px !important;
  -webkit-transition: all .5s;
          transition: all .5s;
}

.navbar {
  margin-bottom: 0;
  padding-top: 15px !important;
  padding-bottom: 20px !important;
  -webkit-transition: all .5s;
          transition: all .5s;
}

.navbar-toggle {
  margin-top: 12px;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

#header-navigation li {
  margin-bottom: 5px;
}

header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9990;
  -webkit-backface-visibility: hidden;
}
header .logo {
  display: inline-block;
  position: relative;
}
header .logo .dark-logo-img {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
}
header .logo:before {
  background-color: #f46464;
}

.sticky-navbar {
  background-color: #fff;
  padding-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.sticky-navbar .nav > li > a {
  color: #818c98 !important;
}
.sticky-navbar .nav > li > a:hover {
  color: #555962 !important;
}
.sticky-navbar .nav > li > a:hover:before {
  background-color: #f46464 !important;
  height: 3px !important;
  width:20px;
}
.sticky-navbar .navbar-toggle .icon-bar {
  background-color: #555962;
}
.sticky-navbar .logo {
  display: inline-block;
  position: relative;
}
.sticky-navbar .logo .dark-logo-img {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
}
.sticky-navbar .nav li.current a {
  color: #555962 !important;
}
.sticky-navbar .nav li.current a:before {
  height: 3px !important;
  width:20px;
}
.sticky-navbar #header-navigation {
  background-color: transparent;
}

.main-navigation-header {
  padding: 25px 0;
}
.main-navigation-header .main-navigation {
  padding-top: 20px;
  z-index: 9991 !important;
}
.main-navigation-header .main-navigation li {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
}
.main-navigation-header .main-navigation li a {
  font-family: "Montserrat", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  -webkit-transition: all .3s;
          transition: all .3s;
  width: auto;
  z-index: 1;
}
.main-navigation-header .main-navigation li a:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
  height: 0;
  width: 20px;
  -webkit-transition: height .5s;
          transition: height .5s;
  z-index: 20;
}
.main-navigation-header .main-navigation li a:hover {
  color: #C93;
}
.main-navigation-header .main-navigation li a:hover:before {
  height: 3px;
}

.navbar .navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {
    background-color: transparent;
}

.navbar .dropdown-menu {
	background-color: rgba(0, 0, 0, 0.85);
}

.sticky-navbar .dropdown-menu {
	background-color:rgba(255, 255, 255, 0.95);
}

.navbar-right .dropdown-menu {
	left:0;
	min-width:220px;
}

.dropdown-menu li a {
	text-align:left;
}

.dropdown-menu li a:hover {
	background-color:transparent;
}

.sticky-navbar .dropdown-menu li a {
	color:#818c98;
}

.sticky-navbar .dropdown-menu li a:before {
	background-color: #cba347;
}

.sticky-navbar .dropdown-menu li a:hover {
	color:#555962;
}

.mobile-menu-bars {
	display:inline-block;
	float:right;
	margin-top:6px;
}

.navbar .mobile-menu-text{
	display:inline-block;
	float:right;
	font-family: "Montserrat", sans-serif;
	color:#FFF;
	margin-right:7px;
}

.sticky-navbar .mobile-menu-text{
	display:inline-block;
	float:right;
	font-family: "Montserrat", sans-serif;
	color:#555962;
	margin-right:7px;
}



/* ============================== */
/*		    main section  	      */
/* ============================== */
#main-section {
  /*background: url("/National_Library/oe_/https://streamspot.com/img/main-bg.jpg") no-repeat fixed center bottom;
  background-size: cover; */
  color: rgba(255, 255, 255, 0.4);
  font-family: "Merriweather", sans-serif;
  position: relative;
  padding: 150px 0 30px 0;
}
#main-section .overlay {
  background-color: rgba(25, 33, 50, 0.75);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-section .side-text {
  padding-top: 235px;
}
#main-section .side-text .small-text {
  font-size: 20px;
  font-style: italic;
  display: inline-block;
  padding: 6px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#main-section .main-intro {
  text-align: left;
}
#main-section .main-intro .curved-text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#main-section .main-intro .medium-text {
  font-size: 60px;
  line-height: 60px;
  margin-top: 0px;
  display: block;
  color:#FFF;
  font-family: "Montserrat", sans-serif;
  text-transform:uppercase;

  -webkit-transition: all .5s;
          transition: all .5s;

}



#main-section .main-intro h1 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: 700;
  margin-top: 40px;
  text-transform: uppercase;
  letter-spacing: 7px;
}
#main-section .main-intro .main-button {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 50px;
  width: 300px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  background: #fe7955;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmU3OTU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNWM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(315deg, #fe7955 0%, #f05c6a 100%);
  background: linear-gradient(135deg, #fe7955 0%, #f05c6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7955', endColorstr='#f05c6a',GradientType=1 );
  margin: 35px auto 0;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: background-color 0.4s ease-out 0s;
          transition: background-color 0.4s ease-out 0s;
}
/*
#main-section .main-intro .main-button:hover {
  background: -webkit-linear-gradient(315deg, #f05c6a 0%, #fe7955 100%);
  background: linear-gradient(135deg, #f05c6a 0%, #fe7955 100%);
  background-color: #cba347;
} */


/* ============================== */
/*		    main section trial    */
/* ============================== */
#main-section-trial {
  /*background: url("/National_Library/oe_/https://streamspot.com/img/main-bg.jpg") no-repeat fixed center bottom;
  background-size: cover; */
  color: rgba(255, 255, 255, 0.4);
  font-family: "Merriweather", sans-serif;
  position: relative;
  padding: 150px 0 30px 0;
}

#main-section-trial .overlay{
	background-color: rgba(25, 33, 50, 0.75);
	position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
}

#main-section-trial .side-text {
  padding-top: 235px;
}
#main-section-trial .side-text .small-text {
  font-size: 20px;
  font-style: italic;
  display: inline-block;
  padding: 6px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#main-section-trialn .main-intro {
  text-align: left;
}
#main-section-trial .main-intro .curved-text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#main-section-trial .main-intro .medium-text {
  font-size: 60px;
  margin-top: 0px;
  display: inline-block;
  color:#FFF;
  font-family: "Montserrat", sans-serif;
  text-transform:uppercase;
  -webkit-transition: all .5s;
          transition: all .5s;
}



#main-section-trial .main-intro h1 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 72px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 7px;
  margin-bottom: 0px;
}

#main-section-trial .main-intro .tagline-text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  font-weight: 400;
  margin-top: 45px;
  line-height: 1.1;
  max-width: 700px;
}

#main-section-trial .main-intro .main-button {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 50px;
  width: 300px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  background: #fe7955;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmU3OTU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNWM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(315deg, #fe7955 0%, #f05c6a 100%);
  background: linear-gradient(135deg, #fe7955 0%, #f05c6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7955', endColorstr='#f05c6a',GradientType=1 );
  margin: 35px auto 0;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: background-color 0.4s ease-out 0s;
          transition: background-color 0.4s ease-out 0s;
}

#main-section-trial .main-intro .btn-header-how {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top: 15px;
}

/*
#main-section .main-intro .main-button:hover {
  background: -webkit-linear-gradient(315deg, #f05c6a 0%, #fe7955 100%);
  background: linear-gradient(135deg, #f05c6a 0%, #fe7955 100%);
  background-color: #cba347;
} */


/* ============================== */
/*		    about section  	      */
/* ============================== */
#about-section {
  background-color:#FFF;
  padding: 55px 0 55px 0;
  text-align: center;
}

#about-section a {
  color:#cba347;
}

#about-section a:hover {
  color:#555962;
}

#about-section h2 {
  margin-top: 5px;
   font-size:23px;
}

#about-section h3 {
	text-transform:uppercase;
	color:#cba347;
}

#about-section .left-wrapper {
  padding-top: 85px;
}
#about-section .left-wrapper .large-text {
  color: #a8b4c1;
  font-family: "Merriweather", sans-serif;
  font-size: 24px;
  font-style: italic;
  padding-right: 30px;
  line-height: 36px;
}
#about-section .right-wrapper {
  padding-left: 50px;
}
#about-section .right-wrapper h3 {
  margin-top: 10px;
}
#about-section .right-wrapper .medium-text {
  color: #818c98;
  font-size: 18px;
  line-height: 28px;
  margin-top: 20px;
}

#about-section hr {
  background-color: rgba(0, 0, 0, 0.1);
}

#about-section img {
	max-width:50%;
	margin-bottom:7px;
}

#about-section img.destinations {
	max-width:50%;
  margin-bottom: 15px;
}

#about-section h3 {
	font-size:30px;
}

#about-section .padded {
	padding-left:25px;
	padding-right:25px;
}

#about-section i {
  color: #555962;
  font-size: 50px;
  width: 100px;
  height: 100px;
  margin-bottom:10px;
  line-height: 100px;
  border: 2px solid #555962;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}


/* ============================== */
/*		    features section  	  */
/* ============================== */
#features {
  background: url("/National_Library/oe_/https://streamspot.com/img/feature-bg.png") no-repeat fixed center bottom;
  background-size: cover;
  padding: 55px 0;
  text-align: center;
}
#features .feature-item {
  margin-top: 20px;
}
#features .feature-item i {
  color: #555962;
  background-color: #fff;
  font-size: 50px;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 0 auto;
  -webkit-transition: all .7s;
          transition: all .7s;
}

#features h2 {
  margin-top: 5px;
  font-size:16px;
}

#features .feature-item h3 {
  margin-top: 23px;
}

#features .feature-item a:hover h3{
	color:#cba347;
}

#features .feature-item p {
  margin-top: 18px;
  padding: 0 20px;
  line-height: 24px;
}
#features .feature-item a {
  color: #555962;
  text-transform: capitalize;
  -webkit-transition: all .7s;
          transition: all .7s;
}
#features .feature-item a:hover {
  text-decoration: none;
}
#features .feature-item:hover > a > i {
  background-color: #cba347;
  color: #e1e2e9;
}
#features .feature-item:hover > a {
  color: #f46464;
}
#features .owl-controls {
  margin-top: 40px;
}
#features .owl-pagination .owl-page span {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(59, 71, 95, 0.3);
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-bottom: 7px;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#features .owl-pagination .active span {
  background-color: #f46464;
  width: 20px;
  height: 20px;
  border: none;
  margin-bottom: 5px;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

/* ============================== */
/*		    z-layout1 section  	  */
/* ============================== */
#z-layout1 {
  padding: 135px 0;
}
#z-layout1 h2 {
  font-size: 48px;
  line-height: 58px;
}
#z-layout1 hr {
  background-color: #555962;
  width: 80px;
  height: 4px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-align: left;
  margin: 25px 0;
}
#z-layout1 p {
  color: #818c98;
  font-size: 18px;
}
#z-layout1 .button {
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 40px;
  width: 160px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #555962;
  font-size: 14px;
  border: 1px solid #555962;
  text-transform: uppercase;
  margin-top: 30px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#z-layout1 .button:hover {
  background-color: #555962;
  color: #fff;
}

/* ============================== */
/*		    team section  	  */
/* ============================== */
#team-section {
  background: #fe7955;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmU3OTU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNWM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(315deg, #fe7955 0%, #f05c6a 100%);
  background: linear-gradient(135deg, #fe7955 0%, #f05c6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7955', endColorstr='#f05c6a',GradientType=1 );
  text-align: center;
  padding: 35px 0;
}

#team-section h2 {
  margin-top: 5px;
  font-size:22px;
}
#team-section hr {
  background-color: rgba(0, 0, 0, 0.1);
}
#team-section .main-text {
  max-width: 590px;
}
#team-section .team-item {
  margin-top: 10px;
}
#team-section .team-item .team-thumbnail {
  width: 260px;
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.04) 100%);
  background: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.04) 100%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.04) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#0a000000',GradientType=1 );
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: relative;
  overflow: hidden;
}
#team-section .team-item .hovered {
  background-color: transparent;
  width: 240px;
  height: 240px;
  position: absolute;
  top: 10px;
  left: 10px;
  overflow: hidden;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#team-section .team-item .hovered i {
  color: #fff;
  font-size: 24px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  -webkit-transition: all .3s;
          transition: all .3s;
  background: #fe7955;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmU3OTU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNWM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(315deg, #fe7955 0%, #f05c6a 100%);
  background: linear-gradient(135deg, #fe7955 0%, #f05c6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7955', endColorstr='#f05c6a',GradientType=1 );
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
#team-section .team-item .hovered .first {
  top: -48px;
  left: 61px;
  -webkit-transform: rotate(365deg);
      -ms-transform: rotate(365deg);
          transform: rotate(365deg);
}
#team-section .team-item .hovered .second {
  bottom: -48px;
  right: 62px;
  -webkit-transform: rotate(-365deg);
      -ms-transform: rotate(-365deg);
          transform: rotate(-365deg);
}
#team-section .team-item h3 {
  color: #555962
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform:uppercase;
  -webkit-transition: all .5s;
          transition: all .5s;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#team-section .team-item p {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .5s;
          transition: all .5s;
}

#team-section .team-item p.lead {
	color:#818c98;
	font-size:21px;
}

#team-section .team-item .wrapper {
  display: inline-block;
}
#team-section .team-item .wrapper:hover .hovered {
  background-color: rgba(84, 85, 88, 0.5);
  display: block;
}
#team-section .team-item .wrapper:hover .first {
  top: 96px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
#team-section .team-item .wrapper:hover .second {
  bottom: 96px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

#team-section .team-item h3 a{
  color: #555962;
}

#team-section .team-item .wrapper:hover h3 > a {
  color: rgba(203, 163, 71, 0.9);
}
#team-section .team-item .wrapper p > a{
  color: #818c98;
}

#team-section .team-item .wrapper:hover p > a{
  color: #555962;
}
#team-section .team-item .wrapper:hover p > a:hover{
  color: #cba347;
}

#team-section .owl-pagination {
  margin-top: 20px;
}
#team-section .owl-pagination .owl-page span {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(59, 71, 95, 0.3);
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-bottom: 7px;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#team-section .owl-pagination .active span {
  background-color: #cba347;
  width: 20px;
  height: 20px;
  border: none;
  margin-bottom: 5px;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

/* ============================== */
/*		    z-layout2 section  	  */
/* ============================== */
#z-layout2 {
  padding: 50px 0;
  position: relative;
}

#z-layout2 h2 {
  color: #fff;
  font-size: 48px;
  line-height: 58px;
  padding-right: 50px;
}
#z-layout2 hr {
  background-color: #fff;
  text-align: left;
  margin: 25px 0;
}
#z-layout2 p {
  color: #818c98;
  font-size: 18px;
  font-weight:400;
}
#z-layout2 .button {
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 40px;
  width: 160px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  text-transform: uppercase;
  margin-top: 30px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#z-layout2 .button:hover {
  background-color: #fff;
  color: #192132;
}
#z-layout2 #gallery-slider {
  padding-left: 0;
  position: relative;
}
#z-layout2 #gallery-slider img {
  display: block;
  width: 640px;
  height: 360px;
}
#z-layout2 .owl-wrapper-outer {
  border: 12px solid rgba(0, 0, 0, 0.3);
}
#z-layout2 .owl-controls {
  position: absolute;
  left: 50%;
  margin-left: -46px;
  bottom: 40px;
}
#z-layout2 .owl-controls .owl-buttons div {
  background-color: rgba(5, 6, 6, 0.7);
  padding: 0;
  margin: 0;
  opacity: 1;
}
#z-layout2 .owl-controls .owl-buttons div:hover {
  background-color: #333;
}
#z-layout2 .owl-controls .owl-buttons div i {
  font-size: 24px;
  line-height: 41px;
  width: 41px;
  height: 41px;
}
#z-layout2 .owl-controls .owl-prev {
  margin-right: 10px !important;
}
#z-layout2 .section-title {
	line-height:55px;
}


/* ============================== */
/*		  testimonials section    */
/* ============================== */
#testimonials {
  background-color: #f4f6f8;
  padding: 30px 0 20px;
  position: relative;
  text-align: center;
}

#testimonials .testi-slide img {
  padding: 8px;
  border: 2px solid #484d53;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
#testimonials .testi-slide p {
  color: #555962;
  font-family: "Merriweather", sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 40px;
}
#testimonials .testi-slide hr {
  background-color: #484d53;
  margin-top: 20px;
}
#testimonials .testi-slide span {
  color: #555962;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  display: inline-block;
}
#testimonials .testi-slide span a {
  color: #f46464;
  font-family: "Open Sans", sans-serif;
}
#testimonials .owl-pagination {
  margin-top: 40px;
}
#testimonials .owl-pagination .owl-page span {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border: 2px solid #666;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-bottom: 7px;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#testimonials .owl-pagination .active span {
  background-color: #555962;
  width: 20px;
  height: 20px;
  border: none;
  margin-bottom: 5px;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

/* ============================== */
/*		  pricing section         */
/* ============================== */
#pricing {
  background-color: #f4f6f8;
  padding: 55px 0 55px;
  text-align: center;
}

#pricing h2 {
  margin-top: 5px;
  font-size:16px;
}

#pricing hr {
  background-color: rgba(0, 0, 0, 0.1);
}
#pricing .main-text {
  color: #818c98;
  max-width: 590px;
}

#pricing .main-text a {
  color: #cba347;
}

#pricing .main-text a:hover {
  color: #555962;
}

#pricing .table-item {
  font-family: "Montserrat", sans-serif;
  margin-top: 20px;
  padding: 0 20px;
}
#pricing .table-item .wrapper {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: relative;
}
#pricing .table-item h3 {
  color: #555962;
  font-size: 20px;
  font-weight: 400;
  padding-top: 5px;
}

#pricing .table-item h3 span {
  color: #cba347;
  font-size: 38px;
  font-weight: 700;
  padding-top: 5px;
}

#pricing .table-item hr {
  background-color: rgba(0, 0, 0, 0.06);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 130px;
  z-index: 0;
}
#pricing .table-item .price-box {
  background-color: #555962;
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 10px auto;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: relative;
  z-index: 1;
}
#pricing .table-item .price-box sup {
  color: #f46464;
  font-size: 20px;
  font-weight: 400;
}
#pricing .table-item .price-box mon {
  color: #fff;
  font-size: 8px;
  font-weight: 400;
}

#pricing .table-item .darker {
  color: #555962;
  font-size: 16px;
  margin-top: 20px;
}
#pricing .table-item p {
  color: #818c98;
  font-size: 14px;
  line-height: 24px;
  padding: 5px 15px 20px;
}
#pricing .table-item .button {
  font-size: 24px;
  color: #fff;
  background-color:#cba347;
  width: 100%;
  line-height: 56px;
  text-align: center;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#pricing .table-item .button:hover {
  color: #555962;
  background-color: #fff;
}

#pricing table.table-pricing {
	margin-top:15px;
	margin-bottom:0px;
}

#pricing table.table-pricing td {
	color:#555962;
	font-size:13px;
}

#pricing table.table-pricing td a{
	color:#555962;
	font-size:13px;
}

#pricing table.table-pricing td a:hover {
    color: #cba347;
}

#pricing p > a {
	color:#cba347;
	text-decoration:underline;
}

#pricing p > a:hover {
	color:#555962;
}

/* ============================== */
/*		     faqs section         */
/* ============================== */
#faqs {
  padding: 55px 0;
  text-align: left;
}
#faqs hr {
  background-color: #555962;
  text-align: left !important;
  margin-left: 0;
  margin-right: 0;
}
#faqs .main-text {
  padding-right: 50px;
  margin-bottom: 20px;
}
#faqs .panel-group {
  width: 90%;
}
#faqs .panel {
  margin-top: 20px;
  border: none;
  box-shadow: none;
}
#faqs .panel .panel-body {
  border: none !important;
}
#faqs .panel-heading {
  padding: 0;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: hidden;
}
#faqs .panel-heading .panel-title {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
#faqs .panel-heading .panel-title a {
  background-color: #555962;
  color: #fff;
  padding: 15px 20px;
  display: block;
  text-decoration: none;
}
#faqs .panel-heading .panel-title a .icon-toggle:after {
  color: #f46464;
  content: "x";
  font-weight: 700;
}
#faqs .panel-heading .panel-title .collapsed {
  background-color: #f4f6f8;
  color: #555962;
}
#faqs .panel-heading .panel-title .collapsed .icon-toggle:after {
  color: #555962;
  content: "+";
}

#faqs h2 span {
	color:#cba347;
}

#faqs a {
	color:#555962;
}

#faqs a:hover {
	color:#cba347;
}

/* ============================== */
/*		     faqs section         */
/* ============================== */
#partners {
  background: #f4f6f8;
  padding: 20px 0 40px 0;
  text-align: center;
}

#partners h2 {
	font-size:20px;
}

#partners hr {
  width: 80%;
  border: none;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  background: #f0f1f2;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f0f1f2), color-stop(50%, #e0e1e2), color-stop(100%, #f0f1f2));
  background: -webkit-linear-gradient(left, #f0f1f2 0%, #e0e1e2 50%, #f0f1f2 100%);
  background: linear-gradient(to right, #f0f1f2 0%, #e0e1e2 50%, #f0f1f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f2', endColorstr='#f0f1f2',GradientType=1 );
}
#partners .first-row {
  margin-top: 20px;
  display: inline-block;
  margin-bottom: -8px;
}
#partners .item {
  height: 185px;
  width: 280px;
  display: table;
  border-width: 0;
  border-right-width: 1px;
  border-style: solid;
  border-color: #f0f1f2;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f1f2), to(#e0e1e2)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#f0f1f2, #e0e1e2) 1 100%;
  -o-border-image: linear-gradient(to bottom, #f0f1f2, #e0e1e2) 1 100%;
     border-image: linear-gradient(to bottom, #f0f1f2, #e0e1e2) 1 100%;
}
#partners .item:last-child {
  border: none;
}
#partners .item a {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: .5s -webkit-filter linear;
          transition: .5s -webkit-filter linear;
}
#partners .item a img {
  width: auto !important;
  vertical-align: middle;
  -webkit-filter: url("filters.svg#grayscale");
          filter: url("filters.svg#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -webkit-transition: .5s -webkit-filter linear;
          transition: .5s -webkit-filter linear;
}
#partners .item a:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
}
#partners .second-row {
  display: inline-block;
}
#partners .second-row .item {
  border-color: #f0f1f2;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1e2), to(#f0f1f2)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#e0e1e2, #f0f1f2) 1 100%;
  -o-border-image: linear-gradient(to bottom, #e0e1e2, #f0f1f2) 1 100%;
     border-image: linear-gradient(to bottom, #e0e1e2, #f0f1f2) 1 100%;
}
#partners .second-row .item:last-child {
  border: none;
}
#partners .button {
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 50px;
  width: 200px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #555962;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #555962;
  margin-top: 20px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#partners .button:hover {
  background-color: #f46464;
  color: #fff;
  border-color: #f46464;
}

/* ============================== */
/*		     encoders section         */
/* ============================== */
#encoders {
  background: #f4f6f8;
  padding: 20px 0 40px 0;
  text-align: center;
}

#encoders h2 {
	font-size:20px;
}

#encoders hr {
  width: 80%;
  border: none;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  background: #f0f1f2;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f0f1f2), color-stop(50%, #e0e1e2), color-stop(100%, #f0f1f2));
  background: -webkit-linear-gradient(left, #f0f1f2 0%, #e0e1e2 50%, #f0f1f2 100%);
  background: linear-gradient(to right, #f0f1f2 0%, #e0e1e2 50%, #f0f1f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f2', endColorstr='#f0f1f2',GradientType=1 );
}
#encoders .first-row {
  margin-top: 20px;
  display: inline-block;
  margin-bottom: -8px;
}
#encoders .item {
  height: 150px;
  max-width: 150px;
  display: table;
  border-width: 0;
  border-right-width: 1px;
  border-style: solid;
  border-color: #f0f1f2;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f1f2), to(#e0e1e2)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#f0f1f2, #e0e1e2) 1 100%;
  -o-border-image: linear-gradient(to bottom, #f0f1f2, #e0e1e2) 1 100%;
     border-image: linear-gradient(to bottom, #f0f1f2, #e0e1e2) 1 100%;
}
#encoders .item:last-child {
  border: none;
}
#encoders .item a {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: .5s -webkit-filter linear;
          transition: .5s -webkit-filter linear;
  font-size:small;
  text-decoration:none;
  line-height:16px;
  color: #818c98;
}

#encoders .item a:hover {
	color:#cba347;
}
#encoders .item a img {
  max-width: 140px; !important;
  padding:15px;
  vertical-align: middle;
  -webkit-filter: url("filters.svg#grayscale");
          filter: url("filters.svg#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -webkit-transition: .5s -webkit-filter linear;
          transition: .5s -webkit-filter linear;
}
#encoders .item a:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
}
#encoders .second-row {
  display: inline-block;
}
#encoders .second-row .item {
  border-color: #f0f1f2;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1e2), to(#f0f1f2)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#e0e1e2, #f0f1f2) 1 100%;
  -o-border-image: linear-gradient(to bottom, #e0e1e2, #f0f1f2) 1 100%;
     border-image: linear-gradient(to bottom, #e0e1e2, #f0f1f2) 1 100%;
}
#encoders .second-row .item:last-child {
  border: none;
}
#encoders .button {
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 50px;
  width: 200px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #555962;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #555962;
  margin-top: 20px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
#encoders .button:hover {
  background-color: #f46464;
  color: #fff;
  border-color: #f46464;
}

/* ============================== */
/*		     faqs section         */
/* ============================== */
#cta-section {
  background: url("/National_Library/oe_/https://streamspot.com/img/cta-bg.jpg") no-repeat fixed center bottom;
  background-size: cover;
  padding: 10px 0 50px;
  position: relative;
  text-align: center;
}
#cta-section .overlay {
  background-color: rgba(25, 33, 50, 0.92);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
}
#cta-section i {
  color: #fff;
  font-size: 24px;
  width: 60px;
  height: 60px;
  margin-bottom:10px;
  line-height: 60px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
#cta-section h2 {
  color: #fff;
  font-size: 48px;
  margin-top: 40px;
}
#cta-section .title {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color:#FFF;
  margin-top: 10px;
}
#cta-section .main-text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
  margin-top: 30px;
}
#cta-section img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
#cta-section a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  padding-top: 20px;
  display: inline-block;
}

#cta-section a:hover {
  color: #cba347;
}

#cta-section i:hover {
  color: #cba347;
}

/* ============================== */
/*		     Form section         */
/* ============================== */
#form-section {
  background-color: #f4f6f8;
  padding: 35px 0;
}
#form-section input {
  color: #a8b4c1;
  font-family: "Merriweather", sans-serif;
  font-size: 16px;
  font-style: italic;
  height: 50px;
  border: none;
  box-shadow: none;
  width: 100%;
}
#form-section .button {
  color: #fff;
  font-weight: 700;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 50px;
  width: 100%;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  background: #fe7955;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmU3OTU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwNWM2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(315deg, #fe7955 0%, #f05c6a 100%);
  background: linear-gradient(135deg, #fe7955 0%, #f05c6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7955', endColorstr='#f05c6a',GradientType=1 );
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 0;
  border: 0;
  text-transform: uppercase;
}
#form-section .bootstrap-select, #form-section .bootstrap-select .selectpicker {
  width: 100%;
  height: 50px;
  padding: 0;
  border: none;
  box-shadow: none;
}
#form-section .bootstrap-select .selectpicker {
  padding-left: 20px;
}
#form-section .bootstrap-select .selectpicker span {
  color: #a8b4c1;
  font-family: "Merriweather", sans-serif;
  font-size: 16px;
  font-style: italic;
}
#form-section .bootstrap-select .selectpicker:hover {
  background-color: #eff1f3;
}
#form-section .bootstrap-select .dropdown-menu {
  width: 100%;
  padding-left: 0;
}
#form-section ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a8b4c1;
}
#form-section :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a8b4c1;
  opacity: 1;
}
#form-section ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a8b4c1;
  opacity: 1;
}
#form-section :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a8b4c1;
}

/* ============================== */
/*		     about section        */
/* ============================== */
#socials {
  text-align: center;
}

#socials .col-item:last-child {
  border-right: none;
}
#socials .col-item h3 {
  color: #555962;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
#socials .col-item p {
  font-size: 14px;
  padding: 0 40px;
  margin-top: 15px;
}
#socials .col-item .link {
  color: #555962;
  font-family: "Merriweather", sans-serif;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
}

#socials .col-item .socials li:last-child {
  margin-right: 0;
}


/* ============================== */
/*		  how-to section         */
/* ============================== */
#how-to {
  background-color: #f4f6f8;
  padding: 55px 0 10px;
  text-align: center;
}

#how-to h2 {
  margin-top: 5px;
  font-size:23px;
}

#how-to hr {
  background-color: rgba(0, 0, 0, 0.1);
}
#how-to .main-text {
  color: #a8b4c1;
  max-width: 590px;
}
#how-to .table-item {
  font-family: "Montserrat", sans-serif;
  margin-top: 10px;
  padding: 0 20px;
}

#how-to .table-item .wrapper {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: relative;
}

#how-to .table-item .wrapper:not(.last-setup)::after {
  font-family: FontAwesome;
  content: "\f061";
  font-size:50px;
  position:absolute;
  top:50%;
  right: -35px;
}

#how-to .table-item h3 {
  color: #555962;
  font-size: 30px;
  font-weight: 400;
  padding-top: 5px;
  margin-top:0px;
}
#how-to .table-item hr {
  background-color: rgba(0, 0, 0, 0.06);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 110px;
  z-index: 0;
}
#how-to .table-item .price-box {
  background-color: #555962;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  width: 75px;
  height: 75px;
  line-height: 75px;
  margin: 15px auto;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: relative;
  z-index: 1;
}
#how-to .table-item .price-box sup {
  color: #f46464;
  font-size: 20px;
  font-weight: 400;
}
#how-to .table-item .darker {
  color: #555962;
  font-size: 16px;
  margin-top: 20px;
}
#how-to .table-item p {
  color: #555962;
  font-size: 14px;
  line-height: 24px;
  padding: 5px 15px 5px;
}
#how-to .table-item .button {
  color: #555962;
  width: 100%;
  line-height: 56px;
  text-align: center;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#how-to .table-item .button:hover {
  color: #fff;
  background-color: #555962;
}

#how-to p.devices {
	margin-bottom:5px;
}

#how-to li {
	font-size:14px;
	list-style:circle;
	text-align:left;
}

#how-to li a {
    color:#555962;
}

#how-to li a:hover {
	color:#cba347;
}


#how-to p.stream-steps {
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-transform:uppercase;
	color: #cba347;
}

#how-to .equip-button {
  font-family: "Montserrat", sans-serif;
  display: block;
  height: 60px;
  width: 50%;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  background-color: #555962;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  line-height: 50px;
  display: block;
  letter-spacing: 1px;
  border: 5px solid #fff;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

/* ============================== */
/*		     Maps section         */
/* ============================== */
#map-location {
  width: 100%;
  height: 640px;
  position: relative;
}
#map-location .test {
  position: absolute;
  z-index: 999;
  width: 200px;
  height: 100px;
  display: none;
  background-color: #fff;
  border: 3px solid #ebebeb;
  padding: 10px;
}
#map-location .info-window {
  background-color: #fff;
  width: 200px;
  padding: 17px;
}
#map-location .info-window h3 {
  color: #555962;
  font-family: "Montserrat", sans-serif !important;
  font-size: 24px;
  font-weight: 400;
}
#map-location .info-window span {
  color: #f46464;
  font-family: "Merriweather", sans-serif !important;
  font-size: 16px;
  font-style: italic;
}
#map-location .info-window p {
  line-height: 25px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px;
  margin-top: 5px;
}
#map-location a[href^="http://maps.google.com/maps"] {
  display: none !important;
}
#map-location img[src^="https://maps.gstatic.com/mapfiles/api-3/images/"] {
  display: none !important;
}
#map-location .gmnoprint a, #map-location .gmnoprint span, #map-location .gm-style-cc {
  display: none;
}
#map-location .gmnoprint div {
  background: none !important;
}

/* ============================== */
/*		     Maps section         */
/* ============================== */
footer {
  padding: 25px 0;
  font-size: 14px;
}
footer .copyright {
  margin: 0;
}
footer .copyright a {
  color: #555962;
  font-family: "Montserrat", sans-serif;
}
footer ul {
  display: inline-block;
  margin: 0;
}
footer ul li {
  margin-left: 10px;
}
footer ul a {
  color: #555962;
  font-family: "Montserrat", sans-serif;
}


/* ============================== */
/*		    subPage section  	  */
/* ============================== */
#sub-section {
  margin-top: 105px;
  padding: 55px 0 55px 0;
  text-align: center;
}

#sub-section a {
  color: #cba347;
  text-decoration:none;
}

#sub-section a:hover {
  color: #818c98;
}


#sub-section h2 {
  margin-top: 5px;
   font-size:23px;
}

#sub-section h3 {
	text-transform:uppercase;
	color:#cba347;
}

#sub-section .left-wrapper {
  padding-top: 85px;
}
#sub-section .left-wrapper .large-text {
  color: #a8b4c1;
  font-family: "Merriweather", sans-serif;
  font-size: 24px;
  font-style: italic;
  padding-right: 30px;
  line-height: 36px;
}
#sub-section .right-wrapper {
  padding-left: 50px;
}
#sub-section .right-wrapper h3 {
  margin-top: 10px;
}
#sub-section .right-wrapper .medium-text {
  color: #818c98;
  font-size: 18px;
  line-height: 28px;
  margin-top: 20px;
}

#sub-section hr {
  background-color: rgba(0, 0, 0, 0.1);
}

#sub-section h3 {
	font-size:30px;
}

#sub-section .padded {
	padding-left:25px;
	padding-right:25px;
}

.navbar-text{
	font-family:"Montserrat", sans-serif;
	line-height:20px;
	color:#cba347;
	text-transform:uppercase;
	margin-top:28px;
  margin-right:0px;
	font-size:14px;
	font-weight:400;
  max-width: 280px;
}

#sub-section form {
	text-align:left;
}

#sub-section .affiliate li {
	list-style:circle;
}

#sub-section .affiliate li a {
	color:#818c98;
}

#sub-section .affiliate li a:hover {
	color:#cba347;
}

#sub-section .policy p strong {
	text-transform:uppercase;
}

/*		    End sub section  	  */
/* ============================== */



/* ============================== */
/*		   Start BD additions  	  */

.has-success .form-control {
	border-color: #818c98;
}

.help-block {
	font-size:11px;
	margin-top:0px;
}

.modal-body li {
	list-style:circle;
	line-height:24px;
}

.modal-body hr {
  margin-top:0px;
  background-color: rgba(0, 0, 0, 0.1);
}

.modal-body a {
	color:#cba347;
}

.modal-body a.btn {
	color:#333;
}

.modal-body a:hover.btn {
	text-decoration:none !important;
}

.modal-body p.cust-examples {
	font-size:14px;
	line-height:18px;
}

.modal-body a:hover {
	color:#cba347;
	text-decoration:underline !important;
}

.modal-body small {
	color:#cba347;
}

#equipment {
	text-align:center;
}

#equipment .feature-item h2 {
	font-family:inherit;
	color:#cba347;
	font-size:22px !important;
}

#equipment .feature-item h3 {
	color:#cba347;
	margin-top: 7px;
	margin-bottom:5px;
}

#equipment ul {
	padding-left:0px;
}

#equipment a {
	color:#555962;
}

#equipment a:hover {
	color:#cba347;
}

img.equipment {
	max-height: 190px;
}

video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  /* background: url('/National_Library/oe_/https://streamspot.com/img/main-bg-fallback.jpg') no-repeat; */
  background-color:#000;
  background-size: cover;
  transition: 1s opacity;
}

.alert-info {
	color: #353535;
	background-color: #FDF6F4;
	border-color: #faa732;
}

 .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.nav-logo{
	width:209px;
}

/*offsets anchor tag */
a.anchor{display: block; position: relative; top: -145px; visibility: hidden;}

.scroll-top-wrapper {
    position: fixed;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #555962;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

footer .col-item {
  text-align: right;
}

footer .col-item .socials {
  margin-top:10px;
  display: inline-block;
  padding: 0;
}

footer .col-item .socials li {
  display: inline-block;
  margin-right: 10px;
}

footer .col-item .socials li i {
  text-align: center;
  background-color: #555962;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: all .5s;
          transition: all .5s;
}
footer .col-item .socials li i:hover {
  background-color: #cba347;
  color: #fff;
}


/*		    End BD additions  	  */
/* ============================== */



/* ============================== */
/*		       Responsive     	  */
/* ============================== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  #main-section-trial .main-intro h1 {
    font-size: 60px !important;
  }
  #main-section-trial .main-intro .medium-text {
    font-size: 36px;
  }

  #main-section-trial .main-intro .tagline-text {
    font-size: 26px;
    margin-top: 30px;
  }

  h1 {
    font-size: 75px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  .side-text {
    padding-top: 225px !important;
  }

  .small-text {
    font-size: 18px !important;
  }

  #z-layout1 h2, #z-layout2 h2 {
    font-size: 38px;
  }

  #pricing .table-item h3 {
    font-size: 20px;
  }

  #faqs .panel-group {
    width: 100%;
  }

  #faqs .panel-heading .panel-title a {
    font-size: 18px;
  }
  .navbar-text{
    max-width: 200px;
    margin-top: 24px;
    font-size: 12px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 996px) {

  #about-section img.destinations {
    max-width:30%;
  }

  #main-section-trial .main-intro .tagline-text {
    font-size: 26px;
    margin-top: 10px;
  }

  h1 {
    font-size: 60px !important;
  }

  h2 {
    font-size: 28px !important;
  }

  #z-layout1, #z-layout2, #timeline, #faqs, #testimonials {
    padding: 50px 0;
  }

  #main-section .main-intro .medium-text{
	  font-size:40px;
  }

  #about-section .left-wrapper {
    text-align: center;
    padding-top: 0;
  }
  #about-section .left-wrapper .large-text {
    font-size: 20px;
  }
  #about-section .right-wrapper {
    text-align: center;
    padding-left: 15px;
  }
  #about-section .video-link {
    margin: 30px auto;
    display: inline-block;
  }

  #z-layout1 .button {
    margin-bottom: 60px;
  }

  #z-layout2 ul {
    padding-left: 0;
    margin-bottom: 60px;
  }

  #timeline .timeline-wrapper .timeline-info h3 {
    font-size: 20px;
  }

  #testimonials .testi-slide p {
    padding: 0 20px;
  }

  #pricing .table-item hr {
    top: 105px;
  }

  #partners .first-row, #partners .second-row {
    width: 100%;
  }
  #partners .item {
    width: 50%;
  }

  #socials {
    padding: 60px 0;
  }

  #socials .col-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
  }

  #how-to .table-item .wrapper:not(.last-setup)::after {
  font-family: FontAwesome;
  content: "\f063";
  font-size:50px;
  position:absolute;
  top:100%;
  left:-40px;
  }

   #main-section {
	  padding-top:80px;
  }

  #main-section .main-intro .medium-text{
	  font-size:30px;
	  margin-bottom:25px;
	  margin-top:0px;
  }

  #main-section .main-intro {
	  text-align:center;
  }

  #main-section .main-intro h1 {
	  font-size:40px;
	  margin-bottom:0px;
  }


  #main-section-trial {
	  padding-top:80px;
  }

  #main-section-trial .main-intro .medium-text{
	  font-size:30px;
	  margin-bottom:25px;
	  margin-top:0px;
  }

  #main-section-trial .main-intro {
	  text-align:center;
  }

  #main-section-trial .main-intro h1 {
	  font-size:40px;
	  margin-bottom:0px;
  }

  .navbar-text{
    display: block;
    max-width: 200px;
  }


}
/* Small Devices, Tablets */
  @media only screen and (max-width: 768px) {
  #about-section img.destinations {
    max-width:30%;
  }

  #main-section {
  	background: url("/National_Library/oe_/https://streamspot.com/img/main-bg-mobile.jpg") no-repeat;
 	background-size: cover;
	background-position: center;
	padding-top:80px;
  }

   #main-section .main-intro {
	  text-align:center;
  }

  #main-section .main-intro h1 {
	  font-size:40px;
	  margin-bottom:0px;
  }

  #main-section .main-intro .medium-text{
	  font-size:30px;
	  margin-bottom:25px;
	  margin-top:0px;
  }

  #main-section-trial .main-intro h1 {
    font-size: 60px !important;
  }
  #main-section-trial .main-intro .medium-text {
    font-size: 36px;
  }

  #main-section-trial .main-intro .tagline-text {
    font-size: 20px;
  }

  #main-section-trial {
	background: url("/National_Library/oe_/https://streamspot.com/img/main-bg-mobile.jpg") no-repeat;
 	background-size: cover;
	background-position: center;
  	padding-top:80px;
  }

  #main-section-trial {
	  padding-top:80px;
  }

  #main-section-trial .main-intro .medium-text{
	  font-size:30px;
	  margin-bottom:25px;
	  margin-top:0px;
  }

  #main-section-trial .main-intro {
	  text-align:center;
  }

  #main-section-trial .main-intro h1 {
	  font-size:40px;
	  margin-bottom:0px;
  }


  footer {
    text-align: center;
  }
  footer ul.pull-right {
    float: none !important;
    margin-top: 10px;
  }

  /*start

   additions */
  .main-navigation-header .main-navigation li {
  text-align:left;
  }
  .main-navigation-header .main-navigation li a:before {
  width: 30px;
  }
  .sticky-navbar .nav > li > a:hover:before {
  width:30px;
  }
  .sticky-navbar .nav li.current a:before {
  width:30px;
  }

   #timeline .nav-tabs li {
    width: 100%;
    margin: 0 10px;
  }

  #how-to .table-item {
	  margin-top:35px;
  }

  footer .col-item {
	  text-align:center;
  }

  .sticky-navbar .dropdown-menu li a {
	color:#cba347;
  }

  .dropdown-menu li a {
	color:#cba347 !important;
  }

  .dropdown-menu li a:hover {
	color:#fff !important;
  }

  .nav-logo{
	width:160px;
	margin-top:5px;
  }

  .navbar-text {
    display: inline-block;
	  font-size:10px;
	  margin-top:26px;
	  margin-left:0px;
	  margin-right:0px;
	  max-width:200px;
  }

	#partners .item a img {
		filter: none;
	  -webkit-filter: url("filters.svg#grayscale");
			  filter: url("filters.svg#grayscale");
	  /* Firefox 3.5+ */
	  filter: gray;
	  /* IE6-9 */
	  -webkit-filter: grayscale(0);
	  /* Google Chrome, Safari 6+ & Opera 15+ */
	  -webkit-transition: .5s -webkit-filter linear;
			  transition: .5s -webkit-filter linear;
	}
	#partners .item a:hover img {
	  filter: none;
	  -webkit-filter: grayscale(0);
	}

	#encoders .item a img {
		filter: none;
	  -webkit-filter: url("filters.svg#grayscale");
			  filter: url("filters.svg#grayscale");
	  /* Firefox 3.5+ */
	  filter: gray;
	  /* IE6-9 */
	  -webkit-filter: grayscale(0);
	  /* Google Chrome, Safari 6+ & Opera 15+ */
	  -webkit-transition: .5s -webkit-filter linear;
			  transition: .5s -webkit-filter linear;
	}
	#encoders .item a:hover img {
	  filter: none;
	  -webkit-filter: grayscale(0);
	}

}
@media only screen and (max-width: 675px) {
  #timeline .timeline-wrapper:before {
    left: 37px !important;
  }

  #timeline .nav-tabs {
    display: block;
  }

  #timeline .timeline-wrapper .date-container {
    margin: 0;
  }

  #timeline .timeline-wrapper .timeline-date,
  #timeline .timeline-wrapper .timeline-info {
    width: 100%;
    text-align: left !important;
    padding-left: 60px;
  }

  .inverted .timeline-info {
    float: left !important;
  }

  .inverted .timeline-date {
    float: right !important;
  }


  #timeline .nav-tabs li:last-child {
    margin-right: 0;
  }

  #timeline .timeline-wrapper .timeline-date:after {
    right: auto;
    left: 30px;
  }

  #timeline .download-button {
	  font-size:12px;
	  width:90%;
  }

  #testi-slider {
    padding-left: 0;
  }

  #testimonials .testi-slide p {
    font-size: 16px;
  }

  #partners .item a img {
    width: auto;
  }

  #cta-section h2 {
    font-size: 30px;
  }

  #cta-section .title {
    font-size: 20px;
  }

  #cta-section .main-text {
    font-size: 16px;
  }

  #map-location {
    height: 500px;
  }

  .navbar-text{
	display: inline-block;
    font-size: 10px;
    margin-top: 18px;
    margin-left: 12px;
    margin-right: 0px;
    max-width: 150px;
  }

}
@media only screen and (max-width: 580px) {
  #timeline .nav-tabs li {
    width: 100%;
    margin: 0 0 10px;
  }

  #timeline .nav-tabs {
    border: none;
  }

}
@media only screen and (max-width: 550px) {
  #main-section .main-intro .curved-text {
    font-size: 35px;
  }

  h2 {
    font-size: 24px !important;
  }

  #z-layout1 h2, #z-layout2 h2 {
    line-height: 48px;
  }

  #pricing .table-item p {
    padding-left: 20px;
    padding-right: 20px;
  }

  #partners .item {
    width: 100%;
    height: 160px;
  }
  #partners .item img {
    width: auto !important;
  }
  #partners hr {
    display: none !important;
  }
  #partners .first-row {
    margin-top: 0;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #about-section img.destinations {
    max-width:30%;
  }

  #main-section .main-intro .curved-text {
    font-size: 28px;
  }

  #main-section-trial .main-intro h1 {
    font-size: 36px !important;
    letter-spacing: normal;
  }


  #main-section .main-intro .medium-text {
    font-size: 24px;
  }

  h1 {
    font-size: 50px !important;
  }

  h2 {
    font-size: 20px !important;
  }

  #faqs .panel-heading .panel-title a {
    font-size: 16px;
  }

  #map-location {
    height: 480px;
  }

  .section-title {
  font-size: 40px;
}
 .navbar-text{
	  display:inline-block;
	  font-size:10px;
	  margin-top:10px;
	  margin-left:15px;
	  margin-right:0px;
	  max-width:100%;
  }

  .nav-logo{
	width:150px;
	margin-top:10px;
}

  #how-to .equip-button {
	  width:100%;
	  font-size:12px;
  }

}
@media only screen and (max-width: 430px) {
  h1 {
    font-size: 35px !important;
  }

  .navbar-text{
	  display:inline-block;
	  font-size:9px;
	  margin-top:10px;
	  margin-left:19px;
	  margin-right:0px;
	  max-width:100%;
  }

}


/* Custom, iPhone Retina */




/*BD Custom additions */
.modal {
	top:90px;
}

/* Yellow Theme */
.section-title {
	color: #cba347;
}

header .logo:before {
	background-color: #cba347;
}

.sticky-navbar .nav > li > a:hover:before {
	background-color: #cba347 !important;
}

.sticky-navbar .nav li.current a:before {
	background-color: #cba347 !important;
}

#main-section .main-intro .main-button {
  background: #cba347;
}
#main-section .main-intro .main-button:hover {
	background-color: #f9c36e;
}

#features .feature-item:hover > a {
  color: #cba347;
}

#features .owl-pagination .active span {
	background-color: #cba347;
}

#team-section {
  background: #fff;
}

#team-section .team-item .hovered i {
  background: #cba347;
}


#timeline .timeline-wrapper .timeline-date p {
	color: #cba347;
}

#testimonials .testi-slide span a {
	color: #cba347;
}

#pricing .table-item .price-box sup {
	color: #cba347;
}

#faqs .panel-heading .panel-title a .icon-toggle:after {
	color: #cba347;
}

#partners .button:hover {
	background-color: #cba347;
	border-color: #cba347;
}

#form-section .button {
  background: #cba347;
}

#form-section .button:hover {
  background: #f9c36e;
}


#socials .col-item .socials li i:hover {
	background-color: #cba347;
}

#map-location .info-window span {
	color: #cba347;
}

.img-how-to-guide {
	max-width:50%;
}

li.no-bullet {
	list-style:none;
}

/*Sign-up form */
.well-searchbox {
  font-family: "Open Sans", sans-serif;
  min-height: 20px;
  padding: 19px;
  z-index: 80;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-searchbox label {
    color: #fff;
}

.well-searchbox .has-success .control-label {
    color: #cba347;
}

.well-searchbox h3 {
	text-align:center;
	font-family: "Montserrat", sans-serif;
	color: #cba347;
	text-transform:uppercase;
	font-size:24px;
}

.well-searchbox .form-group {
	margin-bottom:5px;
}

.modal-body .has-success .control-label {
    color: #cba347;
}

.modal-body .has-error .help-block {
	margin-bottom:0px;
}


#floating-cta{
      position: fixed;
      width: 190px;
      height: auto;
      padding: 10px 10px 15px 15px;
      top: 150px;
      right: -190px;
      z-index: 9996;
      text-align: left;
      min-height: 200px;
      border-bottom-right-radius: 5px;
      border: solid 1px rgba(0,0,0,.1);
      transition: all .5s;
}
#floating-cta a{
      display: block;
      padding: 10px;
      top: 50%;
      position: absolute;
      left: -115px;
      text-align: center;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border: solid 1px rgba(0,0,0,.1);
      border-right: none;
      -ms-transform: rotate(-90deg); /* IE 9 */
      -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
      transform: rotate(-90deg);
}

#sub-section a.btn.btn-warning {
    color: white;
}

/** Forms with Steps CSS **/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

/** End Forms with Steps CSS **/

.has-success .control-label {
    color: #cba347;
}

.has-error .help-block {
	margin-bottom:0px;
}

/**featured equipment slider **/
#equipment .cat-item {
  margin-top: 20px;
}
#equipment .cat-item i {
  color: #555962;
  background-color: #fff;
  font-size: 50px;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 0 auto;
  -webkit-transition: all .7s;
          transition: all .7s;
}

#equipment h2 {
  margin-top: 5px;
  font-size:16px;
}

#equipment .cat-item h3 {
  margin-top: 23px;
}

#equipment .cat-item a:hover h3{
	color:#cba347;
}

#equipment .cat-item p {
  margin-top: 18px;
  padding: 0 20px;
  line-height: 24px;
}
#equipment .cat-item a {
  color: #cba347;
  text-transform: capitalize;
  -webkit-transition: all .7s;
          transition: all .7s;
}
#equipment .cat-item a:hover {
  text-decoration: none;
  color: #555962;
}
#equipment .cat-item:hover > a > i {
  background-color: #cba347;
  color: #e1e2e9;
}
#equipment .cat-item:hover > a {
  color: #f46464;
}
#equipment .owl-controls {
  margin-top: 40px;
}
#equipment .owl-pagination .owl-page span {
  background-color: transparent;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(59, 71, 95, 0.3);
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-bottom: 7px;
  -webkit-transition: all .5s;
          transition: all .5s;
}
#equipment .owl-pagination .active span {
  background-color: #cba347;
  width: 20px;
  height: 20px;
  border: none;
  margin-bottom: 5px;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

#equipment a.btn.btn-warning {
	color:#FFF;
}

#equipment hr {
    background-color: rgba(0, 0, 0, 0.1);
}

a.btn-default {
  color:#cba347;
}

a:hover.btn-default {
  color:#818c98;
}

#pricing hr.plan-feature {
    position: static;
    background-color: rgba(0, 0, 0, 0.06);
    height: 1px;
    width: 100%;
    z-index: 0;
    margin: 7px 0px;
}

#pricing td.big-features {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 16px !important;
}

#pricing td.big-features a {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 16px !important;
}

.golden {
  color: #cba347;
}