/* Enter Your Custom CSS Here */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto Condensed, sans-serif!important;
}

h4.uppercase {
  letter-spacing: normal!important;
}

.footer-link {
  color: #808080;
  font-weight: normal;
}

.footer-link:hover {
  color: #808080;
}

.defined {
    position: relative;
}

.small {
  font-size: 12px;
}

.wpb_text_column.wpb_content_element.myblock {
    /* color: #fff; */
    position: absolute;
    max-width: 450px;
    z-index: 10;
    top: 50%;
    margin-left: 60%;
}

.mylogo {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1170px;
  margin: 0 auto;
  margin-top: 50px;
}

.canada:hover {
  box-shadow: inset 0 0 0 25px #53a7ea;
}

.header-list li {
    font-size: 1.4em;
    color: #fff;
    list-style-position: initial;
  padding-bottom: 5px;
}

.sp-heading {
    text-align: center;
    border-top: 1px solid #fff;
    position: relative;
}

.sp-heading .over-text {
    font-size: 20px;
    line-height: 20px;
    background-color: #292929;
    position: relative;
    top: -15px;
    padding: 0 20px;
    display: inline-block;
    max-width: 80%;
    margin-bottom: 0px!important;
}

.play-button.large.dark {
  border-color: #e1cd33;
}

.play-button.dark {
  border-color: #e1cd33;
}

@media (min-width: 1600px) {
/* begin 1600px breakpoint */
p {
  font-size: 1.4em;
  line-height: 1.8em;
}
/* end 1600px breakpoint */
}


@media (max-width: 1200px) {
/* begin 1200px breakpoint */
.mylogo {
  width: 970px;
}

.wpb_text_column.wpb_content_element.myblock {
    right: 5%;
}

.header-list li {
    font-size: 1.2em;
}
/* end 1200px breakpoint */
}

@media (max-width: 992px) {
/* begin 992px breakpoint */
.extra-bottom-margin {
  margin-bottom: 50px;
}
.mylogo {
  width: 750px;
}

.wpb_text_column.wpb_content_element.myblock {
  position: static;
  max-width: 100%;
  width: 750px;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.myimage.wpb_single_image img {
    max-width: 150%!important;
}

/* end 992px breakpoint */
}

@media (min-width: 767px) {
/* begin 767px breakpoint */
.btn.mybtn {
    font-size: 20px;
}

.mySeparator {
    font-size: 20px;
}

/** p {
  font-size: 1.4em;
  line-height: 1.8em;
} **/

.my-vid .modal-video-container.mb16.text-center {
	position: relative;
	padding: 19.1% 0;
}
.no-space {
  	display: none;
}

/* end 767px breakpoint */
}

@media (max-width: 767px) {
/* begin 767px breakpoint */
.mylogo {
    width: 60%;
    margin: 50px 0 0 0;
}
.clearly-new-icon {
  	display: none;
}
#clearly-new {
  	padding-left: 20px;
    padding-right: 20px;
}
/* end 767px breakpoint */
}