/* do not delete or change this!!! */
.texplorerBody {
    position:relative;
    padding-bottom:0 !important;
}
.layout-evolution-films {
    /* border-bottom: 1px solid #dcdadc; */
    border-top: 4px solid #dcdadc;
     min-height: 0px; 
     margin: 0px 0 0px; 
}
.found-afar-link,.found-afar-link a,.found-afar-link a:hover { /* Found on AFAR link */
    text-align: right;
    text-transform: uppercase;
    font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
    color: #7bb2cc;
    margin: 6px 15px 10px;
}

/* Homepage slider mobile overrides */
#View-Home-Index .mobile-banner .carousel-indicators {
    width: 80px;
    left: 76.4444%;
    bottom: 0%;
    margin-left: -40px;
    display:none;
}
#View-Home-Index .carousel-indicators {
    bottom: 0;
    height: 8%;
    left: auto;
    margin: 0 8% 0 74%;
    width: 16%;
}
.carousel-hotspots {
    position: absolute;
    bottom: 12%;
    left: 75.4444%;
    margin-left: -49px;
    width: 23%;
    height: 8%;
    z-index: 15;
}
div.banner-click {
    position: relative;
}
 
div.banner-click a {
    position: absolute;
    width: 267px;
    height: 33px;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    filter: alpha(opacity=1);
}
#mobile-hotspotPic {
    background:url('/Assets/img/Entity-Data/home-banner/hotspots.png');
    width:161px;
    height:26px;
}

#mobile-hotspotPic #mobile-button {
    width:161px;
    height:26px;
    background:transparent;
    border: none;
    outline:none;
    cursor:pointer;
    overflow: hidden;
}

/********************************/

.fit-image {
    object-fit: cover;
}
footer .footer-bottom {
    padding-top: 25px;
    padding-bottom:0;
}
.footerLinksContainer ul{
    display: -webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
    list-style:none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footerLinksContainer ul li {
    padding:0 10px;
}
/**/
.stamp-block-noolapicId {
    height: 135px !important;
}
.website-noolapicId {
    bottom: -30px !important;
    right: 53px !important;
}
.texplorer-logo {
      position: absolute;bottom: 30px;right: 30px;width: 99px;height: 99px;
      padding: 10px;
      background-image: url(/Assets/img/Influencer/megaPhone_header.png); 
      background-repeat: no-repeat;
    }
.hero-content-left{
    display: inline-block;
    margin: 30px 0px 30px 30px;
    padding: 25px 33px;
    border-style: solid;
    border-width: 1px;
    border-color: #aca9a0;
    background-color: rgba(255, 255, 255, 0.85);
    color: #3c3b38;
}
.hero-content-right{
    display: inline-block;
    margin: 30px 30px 30px 0px;
    padding: 25px 33px;
    border-style: solid;
    border-width: 1px;
    border-color: #aca9a0;
    background-color: rgba(255, 255, 255, 0.85);
    color: #3c3b38;
}
/* co-op banners overwrite */
section.side-coop-ad .ad-container p {
    font: 16px/26px Arial, sans-serif;
    line-height: 1.2em;
    color: #3c3b38;
}
section.side-coop-ad .ad-container a {
    font: 12px/18px Arial, sans-serif;
    line-height: 1.2em;
}
/* new main nav styles */
/* tt-navbar */
#Site-Header {
    z-index:999;
}
#Site-Header ul.tt-navbar {
    display: -webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    position:relative;
    z-index: 160 !important;
}
#Site-Header ul.tt-navbar li {
    list-style: none;
    position:relative;
}
#Site-Header ul.tt-navbar li a:hover {
    text-decoration:none;
}
/* tt-navbar dropdowns */
#Site-Header ul.tt-navbar li ul {
	background: #5694aa;
	position: absolute;
	z-index: 160 !important;
	top: 100%;
	left: 0;
    /* old way for sub nav part 1 */
    /*
	display: none;
	opacity: 0;
	visibility: hidden;
        */
    /* end of old way for sub nav part 1 */
    margin-left:0;
    padding-left: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 1px;
}
#Site-Header ul.tt-navbar li:hover ul {
	/* old way for sub nav part 2 */
    /*
    display: block;
	opacity: 1;
	visibility: visible;
    */
    /* end of old way for sub nav part 2 */
    max-height:800px;
}
#Site-Header ul.tt-navbar li ul li {
	display: block;
	margin: 0;
	min-width: 230px !important;
    background-image: none !important;
    -webkit-transition: background .7s ease-out;
    -moz-transition: background .7s ease-out;
    -o-transition: background .7s ease-out;
    transition: background .7s ease-out;
}
#Site-Header ul.tt-navbar li ul li:hover {
    background: #3d6a78;
}
#Site-Header .nav-main li ul li {
    height:100% !important;
}
#Site-Header .nav-main .sub-menu li {
    border-bottom:1px solid #7ca6b5;
}
#Site-Header .nav-main .sub-menu li:last-child {
    border-bottom:none;
}
#Site-Header .nav-main .sub-menu a {
     font: 13px/15px 'ProximaNovaLtBold', Helvetica, sans-serif !important;
     text-shadow: none;
     letter-spacing:1px;
     margin:0;
     line-height:24px;
     padding:14px 15px 12px 15px !important;
}
#Site-Header .nav-main .sub-menu a img.sub-nav-icon {
    margin-right:15px;
    margin-top: -2px;
}
#Site-Header ul.tt-navbar li ul li a {
    text-align: left !important;
}
#Site-Header span.normal-text {
    text-transform: none;
}
/* end of tt dropdown */
/* header overwrites */
#Site-Header .slogan {
    padding-top: 40px;
}
#Site-Header .navbar-brand {
    padding: 5px 0 0 0;
}
#Site-Header #View-Shared-LoginPartial .navbar-nav {
    margin: 0;
    padding-top:15px;
    float:right;
}
#Site-Header #View-Shared-LoginPartial .login  li.navbar-item:last-child a::after {
    content: "" !important;
}
#Site-Header .nav-mypassport a {
    padding:0 !important;
}
#Site-Header .nav-main, #Site-Header .nav-main li.nav-mypassport {
    background: none !important;
}
#Site-Header .nav-main li.nav-search-menu-item a {
    padding-right:22px;
    padding-left: 22px;
} 
#Site-Header .travel-guide-sticker {
    /* padding-top:15px; */
}
#Site-Header .travel-guide-sticker a{
    padding-left:60px;
}
/* Responsive Menu */
@media only screen and (max-width: 1199px) {
    #Site-Header .nav-search-menu-item, #Site-Header .search-block{
        display:none;
    }
}
@media only screen and (max-width: 991px) {
    #Site-Header .nav-mypassport {
        display:none;
    }
    #Site-Header .nav-main a {
        padding:28px 13px;
        width: 100% !important;
    }
    #Site-Header .navbar-tgSticker {
        top: 0;
        position: absolute;
        right: 150px;
        z-index: 11;
    }
    #Site-Header .travel-tools-menu-item {
        background: url('/assets/img/Global/menu-divider.png') no-repeat right center;
    }
}
@media only screen and (max-width: 768px) {
    #Site-Header #View-Shared-LoginPartial .navbar-nav {
        padding-top:35px;
    }
    #Site-Header .slogan {
        padding-top: 45px;
    }
    #Site-Header .logo-texas {
        padding-top: 15px;
    }
    #Site-Header ul.tt-navbar li ul.travel-tools-dropdown {
        left:-50px;
    }
}
@media only screen and (max-width: 767px) {
    #Site-Header ul.tt-navbar {
        webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding:0;
    }
    #Site-Header ul.tt-navbar{
        margin: 0 -15px;
    }
}
/* end of new navigation */
.stamp-block-noolapicId {
    height: 135px !important;
}
.website-noolapicId {
    bottom: -30px !important;
    right: 53px !important;
}
.texplorer-logo {
      position: absolute;bottom: 30px;right: 30px;width: 99px;height: 99px;
      padding: 10px;
      background-image: url(/Assets/img/Influencer/megaPhone_header.png); 
      background-repeat: no-repeat;
    }
.hero-content-left{
    display: inline-block;
    margin: 30px 0px 30px 30px;
    padding: 25px 33px;
    border-style: solid;
    border-width: 1px;
    border-color: #aca9a0;
    background-color: rgba(255, 255, 255, 0.85);
    color: #3c3b38;
}
.hero-content-right{
    display: inline-block;
    margin: 30px 30px 30px 0px;
    padding: 25px 33px;
    border-style: solid;
    border-width: 1px;
    border-color: #aca9a0;
    background-color: rgba(255, 255, 255, 0.85);
    color: #3c3b38;
}
/* co-op banners overwrite */
section.side-coop-ad .ad-container p {
    font: 16px/26px Arial, sans-serif;
    line-height: 1.2em;
    color: #3c3b38;
}
section.side-coop-ad .ad-container a {
    font: 12px/18px Arial, sans-serif;
    line-height: 1.2em;
}
/* ******************************************************************
    AFAR Highlights Images - traveltexas.com/texas-highlights section 
    Author: Angelica G. / 2016-02-8
****************************************************************** */
#View-Afar-Highlight p {
  font: 14px/24px Arial, sans-serif;
}

#View-Afar-Highlight .afar-place .place-img img {margin-top: -40% !important;}

.fit-image-wrapper {position: relative !important;padding-top: 0 !important;margin: 0 auto !important;width: 100% !important;height: 410px !important;
    overflow: !important;}
    .fit-image-wrapper img {position: absolute !important;object-fit: cover !important;left: 50% !important;top: 100% !important;width: 100% !important;min-height: 405px !important;height: auto !important;-webkit-transform: translate(-50%,-40%) !important;-ms-transform: translate(-50%,-40%) !important;transform: translate(-50%,-40%) !important;}
 
.afar-item img {min-height: 200px!important;height: auto!important;width: 100%!important;position: absolute !important;object-fit: cover !important;top: 0!important;}

/* ******************************************************************
    AFAR Highlights Carousel - traveltexas.com/cities section
       Author: Angelica G. / 2016-02-12
****************************************************************** */ 
.highlights-description{margin-left: -15px;padding-right:25px;}
    .highlights-description p{margin-top: 10px;}

.layout-evolution .section-city-highlight .image-carousel .item {top:0%!important;}
    .layout-evolution .section-city-highlight .image-carousel .item img {position: absolute !important;object-fit: cover !important;left: 50% !important;width: 100% !important;min-height: 405px !important;height: auto !important;-webkit-transform: translate(-50%,-40%) !important;-ms-transform: translate(-50%,-40%) !important;transform: translate(-50%,-40%) !important;margin-top: 125px!important;}

.afar-title {
    z-index: 10;
    font: 18px 'brothersregular', 'Helvetica', 'sans-serif';
    color: #fff;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 70%;
    padding: 20px;
    text-align: center;
    height: 90px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
.trip-block img {
    padding: 5px;
    background: #fff;
    border: 1px solid #aaa798;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    margin-bottom: 5px;
    min-height:195px;
}

/* ********  END AFAR Highlights Carousel ******************* */

 

/***********************************************************************
Coloring Your Way to Texas - 04-01-2016
**********************************************************************/
.termslink {
    text-align: center;
    margin-top: 15px;
}
.video-tc a {
    color: #ffffff;
}
.tight-mobile .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 29.95%;
}

.tight {
    padding-left: 0px;
    padding-right: 0px;
}

.well-footer {
    min-height: 20px;
    padding: 1px;
    background-color: #f7f5ec;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-footer p {
    font: 18px 'georgia', 'Helvetica', 'sans-serif';
    padding-right: 6px;
    }

.well-image {
    margin-top: -5px;
    margin-left: 4px;
}

.col-instructions {
    padding-left: 0;
    padding-top: 40px;
    background-image: url(/Assets/img/Page/Custom-Coloring/instructions_bg_large.png);
    background-size: cover;
    font: 18px/18px 'proximanovaregular';
    color: #3c3b38;
    height: 240px;
}

.col-bullets{
        color: #6b6a63;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        list-style-type: none;
        margin-left: 0;
}
.col-order{
        font: 30px/40px 'brothersregular', 'Helvetica', 'sans-serif';
        color: #c63715;
        margin-right: 19px;
}
.col-order-space{
    margin-right: 24px;
}

.col-bullets p {
        font-size: 18px;
        color: #3c3b38;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
}
.video-tc {
    font: 18px/5px 'georgia', 'Helvetica', 'sans-serif';
    float: right;
    margin-top: 100px;
    padding-right: 35px;
}
.video-text {
    font: 24px/45px 'georgia', 'Helvetica', 'sans-serif';
 }


.video-header {
    font: 55px/55px 'brothersregular', 'Helvetica', 'sans-serif';
 }

.video-header, .video-text, .video-tc {
    color: #FFFFFF;
}

/*_:-ms-fullscreen, :root video {
    width: 1140px !important;
    margin-left: 15px;
}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Clip black edges on video in IE10 */
    video {
        width: auto !important;
        margin-left: 15px;
        display: none;
    }

    /* Show background image in IE10 */
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
    }
}

#custom-message {
    position:relative;
    color: rgb(230, 200, 98);
    z-index:1;
    top: 30px !important;
    text-align: center;   
}​

.color-footer-logo{
    display: block;
    margin: 0 auto;
}
.color-width {
    width: 1140px;
    margin: auto;
    background: #dcdacd;
}

.color-width-footer {
    width: 1140px;
    margin: auto;
    background: white;
    border-top: solid 1px #c0bdb2;
}

.color-overlay {
    display: block;
    z-index: 20;
    position: relative;
    top: -40px;
}

div.feature {
    position: relative;
}
 
div.feature a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; 
    z-index: 10; 
    background-color: #FFF; 
    opacity: 0; 
    filter: alpha(opacity=1);
}

.result-item-box {
background: #FFFFFF;
margin: 20px 0 20px 0;
padding: 10px;

}

.result-item-box figure img {
  display: auto;
  margin: auto;
}

.wrapper-with-intrinsic-ratio-music {
    position: relative;
    padding-bottom: 63.17%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}
.element-to-stretch-music {
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    background-image: url("/Assets/img/Page/Custom-Coloring/music_active.jpg");
    background-size: cover;
}
.element-to-stretch-music:hover {
    background-image: url("/Assets/img/Page/Custom-Coloring/music_over.jpg");
}


/************************/

.wrapper-with-intrinsic-ratio-beach {
    position: relative;
    padding-bottom: 63.17%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}
.element-to-stretch-beach {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("/Assets/img/Page/Custom-Coloring/beach_active.jpg");
    background-size: cover;
}
.element-to-stretch-beach:hover {
    background-image: url("/Assets/img/Page/Custom-Coloring/beach_over.jpg");
}

/************************/

.wrapper-with-intrinsic-ratio-outdoor {
    position: relative;
    padding-bottom: 63.17%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}
.element-to-stretch-outdoor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/Assets/img/Page/Custom-Coloring/outdoor_active.jpg");
    background-size: cover;
}
.element-to-stretch-outdoor:hover {
    background-image: url("/Assets/img/Page/Custom-Coloring/outdoor_over.jpg");
}

/************************/

.wrapper-with-intrinsic-ratio-western {
    position: relative;
    padding-bottom: 63.17%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}
.element-to-stretch-western {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/Assets/img/Page/Custom-Coloring/western_active.jpg");
    background-size: cover;
}
.element-to-stretch-western:hover {
    background-image: url("/Assets/img/Page/Custom-Coloring/western_over.jpg");
}

/************************/

.wrapper-with-intrinsic-ratio-history {
    position: relative;
    padding-bottom: 63.17%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}
.element-to-stretch-history {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/Assets/img/Page/Custom-Coloring/history_active.jpg");
    background-size: cover;
}
.element-to-stretch-history:hover {
    background-image: url("/Assets/img/Page/Custom-Coloring/history_over.jpg");
}
/********************************************************************
                Texplorers - Influencer Program  Phase II
********************************************************************/
    .texplorers .col-xs-1, 
	.texplorers .col-sm-1, 
	.texplorers .col-md-1, 
	.texplorers .col-lg-1, 
	.texplorers .col-xs-2, 
	.texplorers .col-sm-2, 
	.texplorers .col-md-2, 
	.texplorers .col-lg-2, 
	.texplorers .col-xs-3, 
	.texplorers .col-sm-3, 
	.texplorers .col-md-3, 
	.texplorers .col-lg-3, 
	.texplorers .col-xs-4, 
	.texplorers .col-sm-4, 
	.texplorers .col-md-4, 
	.texplorers .col-lg-4, 
	.texplorers .col-xs-5, 
	.texplorers .col-sm-5, 
	.texplorers .col-md-5, 
	.texplorers .col-lg-5, 
	.texplorers .col-xs-6, 
	.texplorers .col-sm-6, 
	.texplorers .col-md-6, 
	.texplorers .col-lg-6, 
	.texplorers .col-xs-7, 
	.texplorers .col-sm-7, 
	.texplorers .col-md-7, 
	.texplorers .col-lg-7, 
	.texplorers .col-xs-8, 
	.texplorers .col-sm-8, 
	.texplorers .col-md-8, 
	.texplorers .col-lg-8, 
	.texplorers .col-xs-9, 
	.texplorers .col-sm-9, 
	.texplorers .col-md-9, 
	.texplorers .col-lg-9, 
	.texplorers .col-xs-10, 
	.texplorers .col-sm-10, 
	.texplorers .col-md-10, 
	.texplorers .col-lg-10, 
	.texplorers .col-xs-11, 
	.texplorers .col-sm-11, 
	.texplorers .col-md-11, 
	.texplorers .col-lg-11, 
	.texplorers .col-xs-12, 
	.texplorers .col-sm-12, 
	.texplorers .col-md-12, 
	.texplorers .col-lg-12 {
		padding-left: 0;
		padding-right: 0;
	}
    .texplorers img, .texplorers a img {
        outline:none;
        border: none !important;
    }
    @font-face {
      font-family: 'Cyclone';
      src: url('/assets/fonts/Cyclone.eot?#iefix') format('embedded-opentype'),  url('/assets/fonts/Cyclone.woff') format('woff'), url('/assets/fonts/Cyclone.ttf')  format('truetype'), url('/assets/fonts/Cyclone.svg#Cyclone') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'Georgia';
      src: url('/assets/fonts/Georgia.eot?#iefix') format('embedded-opentype'),  url('/assets/fonts/Georgia.woff') format('woff'), url('/assets/fonts/Georgia.ttf')  format('truetype'), 
          url('/assets/fonts/Georgia.svg#Georgia') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .texplorers .heading-main, .texplorers .intro, .texplorers h2.heading-sub-a-xl{
		text-align:center;
	}
    .texplorers h1.heading-main {
        border: none !important;
        font-size: 48px/57px !important;
    }
     .texplorers p.intro {
        font: 16px/34px 'Georgia', 'Times New Roman', 'Times', 'serif' !important; 
    }
	.texplorers-region-detail .row {
		margin-left: 0;
		margin-right: 0;
	}
	.texplorers-region-detail .row {
		margin-left: 0;
		margin-right: 0;
	}
	.texplorers .heading-main, .texplorers .intro {
		text-align: center;
	}
	.texplorers .texplorer-region {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		min-height: 350px;
		width: 100%;
		position: relative;
	}
	.texplorers .region-top {
		text-align: center;
		padding-top: 20px;
	}
	.texplorers .region-title {
		font: 24px/34px 'brothersregular', 'Helvetica', 'sans-serif';
		text-shadow: 1px 1px 2px #333;
		color: #fff;
	}
	.texplorers .region-bottom {
		height: 75px;
		width: 100%;
		position: absolute;
		bottom: 0;
		background: url(/assets/img/Page/texplorers/region_overlay.png) bottom left repeat-x;
	}
	.texplorers .region-influencers {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-pack: center;
		align-items: center;
		padding-top: 30px;
	}
	.texplorers .influnecers-people {
		-webkit-flex: 3;
		-ms-flex: 3;
		flex: 3;
	}
	.texplorers .influnecers-people ul, .influnecers-number ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		margin: 0;
		padding-left: 15px;
		color: #fff;
		font: 18px 'brothersregular', 'Helvetica', 'sans-serif';
		text-shadow: 1px 1px 2px #333;
	}
	.texplorers .influnecers-people ul {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: flex-end;
		justify-content: flex-end;
	}
	.texplorers .influnecers-people ul li, .influnecers-number ul li {
		margin: 0 4px;
	}
	.texplorers .influnecers-people ul li img {
		width:35px;
		height:35px;
	}
	.texplorers .influnecers-people ul li:last-child {
		margin-right: 8px;
	}
	.texplorers .texplorer-region .influnecers-people ul li p.influencer-name{
		display:none;
		font-family: 'brothersregular', Helvetica, sans-serif;
		text-transform:uppercase;
        color:#fff !important;
        line-height:13px !important;
	}
    .texplorers .texplorer-region .influnecers-people ul li p.influencer-city{
		display:none;
		font-family:'ProximaNovaRgRegular', Helvetica, sans-serif;
        color:#fff !important;
        line-height:13px !important;
	}
	/* ========================== */
	/* influncers region on hover */
	.texplorers .texplorer-region:hover .region-top {
		display: none;
	}
	.texplorers .texplorer-region:hover .influnecers-number {
		display: none;
	}
	.texplorers .texplorer-region:hover .region-bottom {
		min-height: 100%;
		background-image: none;
		background-color: rgba(0, 0, 0, .55);
		-webkit-transition: background .4s ease-in-out;
		-moz-transition: background .4s ease-in-out;
		-ms-transition: background .4s ease-in-out;
		-o-transition: background .4s ease-in-out;
		transition: background .4s ease-in-out;
	}
	/* show on hover only? */
	.texplorers .texplorer-region:hover .influnecers-people{	
	}
	.texplorers .texplorer-region:hover .influnecers-people ul {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: /* flex-start */ center;
		-ms-flex-pack: /* flex-start */ center;
		justify-content: /* flex-start */ center;
		margin: auto;
		clear: both;
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li {
		-webkit-flex: 0 0 auto;
		-moz-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100px;
		margin: 0.5em 1em;
		list-style: none;
		text-align:center;
		color:#fff;	
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li p{
		margin:1px;
		padding:0;
		font-size:12px;
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li p.influencer-name{
		display:block;
	}
    .texplorers .texplorer-region:hover .influnecers-people ul li p.influencer-city{
		display:block;
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li a{
		color:#fff !important;
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li a:hover{
		text-decoration:none;
		color:#fff !important;
	}
	.texplorers .texplorer-region:hover .influnecers-people ul li img {
		width:80px;
		height:80px;
		margin-bottom:5px;
	}
   /* main region page */
   /* Texplorers Region Detail Page */
.region-main {
        padding-top:0 !important;
}
.texplorers .affix-container{
	height:100vh; 
	/* width: 570px; */
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.texplorers .affix-container-wrapper {
    padding: 20px;
}
/* nav */
.texplorers .nav {
	position:absolute;
	bottom:15px; 
}
.texplorers .nav a {
    color: #fff;
    font: 12px 'brothersregular', 'Helvetica', 'sans-serif';
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 1px 1px 2px #333;
}
.texplorers .nav li {
    margin: 0 !important;
    padding: 4px 0  4px 1.65em !important;
}
.texplorers .nav li a:hover,
.texplorers .nav li a:focus {
    background: none;
    color:#fff !important;
}
.texplorers .nav .active {
    background-image:url(/Assets/img/Page/texplorers/megaphone_icon.png);
	background-repeat: no-repeat;
}
.texplorers .nav .nav {
  display: none;
}
.texplorers .nav .active .nav {
  display: block;
}
.texplorers .nav .nav span {
}
.texplorers .nav .nav .active a,
.texplorers .nav .nav .active:hover a,
.texplorers .nav .nav .active:focus a {
  font-weight: bold;
  padding-left: 30px;
  border-left: 5px solid black;
}
.texplorers .nav .nav .active span,
.texplorers .nav .nav .active:hover span,
.texplorers .nav .nav .active:focus span {
  display: none;
}
/* end of Texplorers nav */
/* affix */
    .texplorers .affix-top {
        position: relative;
    }
    .texplorers .affix {
        top: 0;
    }
    .texplorers .affix-bottom {
        position: absolute;
    }
/* end of Texplorers affix */
/* texplorer affixed column */
.texplorers .more-regions {
    padding-bottom:15px;
}
.texplorers .more-regions a {
    color:#fff;
	font: 14px 'brothersregular', 'Helvetica', 'sans-serif';
    text-shadow: 1px 1px 1px #555;
}
.texplorers .more-regions a:hover {
    color: #c63715;
}
.texplorers .texplorers-region-detail {
    padding: 0 15px;
}
.texplorers .region-description, .texplorers .region-description a{
    cursor: text !important;
    color: #fff !important;
    font: 16px/26px 'Georgia', Arial, sans-serif;
}
 .texplorers .region-description a:hover {
     text-decoration: none !important;
     pointer-events: none;
}
.texplorers .region-details h1 {
        margin: 0 !important;
        padding: 0 !important;
        font-size:50px;
		font-family: 'Cyclone';
        letter-spacing: 2px !important;
        color: #fff !important;
        text-transform: uppercase;
}
.texplorers .topOverlay {
    background: url(/Assets/img/Page/texplorers/big-overlay-top.png) top left repeat-x;
}
.texplorers .bottomOverlay {
    background: url(/Assets/img/Page/texplorers/big-overlay-bottom.png) bottom left repeat-x;
}
/* texplorer profile and article */
.texplorers .texplorer-profile {
    background: #fff;
    border-bottom: 1px solid #c0bdb2;
    padding:20px;
}
.texplorers .texplorer-article .trd-content{ 
    padding: 15px;  
}
.texplorers .texplorer-article-content, .texplorers .texplorer-article-link a{
    font: 16px/26px 'Georgia', Arial, sans-serif;
}
.texplorers .texplorer-article h3.heading-sub-a-lg{
    text-align: center !important;
}
.texplorers .texplorer-profile h2.heading-sub-a-xl{
    text-align:left;
}
.texplorers .texplorer-article-link {
    padding:10px 0;
}
/* collapsible articles */
.texplorers .texplorer-article h3.arrow-right:after {
     content: url(/Assets/img/Page/texplorers/arrow-down.png);
}
.texplorers .texplorer-article h3.arrow-down:after {
     content: url(/Assets/img/Page/texplorers/arrow-right.png);
}
.texplorers .ta-cloned-hidden {
    display: none;
}
.texplorers .gallery-item{
		display:block;
		width:auto;
		min-height:300px;
		margin:0;
		padding:0;
}
.texplorers .gallery-item p {
    font: 16px/26px 'Georgia', Arial, sans-serif;
    color:#3c3b38;
}
.texplorers .gallery-item-content{
		display:table;
		width:auto;
        height:300px;
		min-height:300px;
		margin:0;
		padding:10px;
		text-align:center;
		width:100%;
		height:100%;
}
.texplorers .inside{
		display:table-cell;
		vertical-align:middle;
}
.texplorers .texplorer-button {
    border: none;
    background: none;
    outline: none !important;
}
.texplorers .texplorer-button:focus,  .texplorers .texplorer-button:hover{
    outline: none !important;
}
/* Texplorers responsive */
@media only screen and (max-width: 1200px) {
    .texplorers .texplorer-region {
		min-height: 450px;
	}
    .texplorers .region-top {
        padding-top: 80px;
    }
}
@media only screen and (max-width: 1199px) {
   .texplorers .affix-container {
        height:100% !important;
        padding-bottom: 60px;
    }
}
@media only screen and (min-width : 1140px) {
   .region-main .texplorers .container {
       width:1140px; 
    }
    .texplorers .affix,
    .texplorers .affix-bottom {
        width: 570px;
    }
}
@media only screen and (min-width : 1025px) and (max-width: 1139px)  {
   .region-main .texplorers .container {
       width:100%; 
    }
    .texplorers .affix {
        width: 50%;
    }
    .texplorers .affix-bottom {
        width: 100%;
    }
}
@media only screen and (max-width : 1024px){
    .texplorers .affix {
        position:relative;
    }
    .texplorers .main-region-bottom {
        text-align: center;
    }
    .texplorers .nav {
        position:relative !important;
        padding-top: 30px;
        display:inline-block;
    }
    .texplorers .texplorer-profile, .texplorers .texplorer-profile h2 {
        text-align:center !important;
    }
    .texplorers .region-top {
        padding-top: 30px;
    }
}
@media only screen and (max-width : 991px){
    .texplorers .more-regions {
        text-align: center;
    }
    .texplorers .region-details {
        text-align:center;
    }
    .texplorers .affix-container {
        height:100% !important;
        padding-bottom: 0;
    }
}
@media only screen and (max-width : 768px) {
    .texplorers h1.heading-main {
        padding-top: 20px;
    }
}
@media only screen and (max-width : 767px) {
    /* smaller region image on mobile */
    .texplorers .texplorer-region {
		min-height:350px;
	}
    .texplorers .texplorer-region:hover .region-bottom {
        min-height: 350px !important;
    }
    /* end of region image */
    .texplorers .region-description {
        display:none;
    }
   .texplorers .region-top {
       padding-top: 10px;
    }
    .texplorers .region-influencers {
        webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
    }
    .texplorers .influnecers-people ul {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left:0;
        margin-left:0;
        padding-bottom:10px;
    }
    .texplorers .influnecers-number {
        padding-bottom:5px;
    }
    .texplorers .influnecers-number ul {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left:0;
        margin-left:0;
    }
}
@media only screen and (max-width : 479px) { 
}
@media only screen and (max-width : 400px) {
    .texplorers .influnecers-people ul li {
        margin: 0 2px;
    }
    .texplorers .influnecers-people ul li img {
        width: 30px;
        height: 30px;
    }
    .texplorers .texplorer-region:hover .influnecers-people ul li img {
		width:45px;
		height:45px;
		margin-bottom:5px;
	}
}
/* end of Texplorers responsive */
/* =============================== */
/********************************************************************
               END of Texplorers - Influencer Program Phase II 
********************************************************************/

/*****************************************************************/
/* RESPONSIVE CSS ************************************************/
/*****************************************************************/
@media only screen and (min-width: 421px) and (max-width: 767px) { 
    .col-instructions {
    padding-left: 0;
    padding-top: 25px;
    background-image: url(/Assets/img/Page/Custom-Coloring/color-arrow.png);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: center;
    height: 151px !important;
    }
    .termslink {
    text-align: center;
    margin-top: 10px;
    }
    .col-bullets {
    margin-left: 30px !important;
    margin-top: 227px;
    padding-top: 54px;
    }
    .col-bullets p {
    font-size: 16px !important;
    }
    .col-order {
    font: 30px/28px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #c63715;
    margin-right: 19px;
    }
    .col-order-space{
    margin-right: 24px;
    }
    .center-instructions {
    margin: 0 auto !important;
    width: 56% !important;
    }
    .color-overlay {
    display: block;
    z-index: 20;
    position: relative;
    top: -75px !important;
    height: 200px;
    }
    .video-header {
    font: 20px/18px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    margin-top: -2px !important;
    }
    .video-text {
    font: 12px/4px 'georgia', 'Helvetica', 'sans-serif' !important;
    }
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
    }
}

       /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
     .hero-content-right {
    display: inline-block;
    padding: 30px 30px 75px 30px;
    }
    .hero-content-left {
    display: inline-block;
    padding: 38px 30px 75px 30px;
    } 
    .remove-margins {
        margin-left: -2px !important;
        margin-right: -3px !important;
        width: auto !important;
        margin: auto;
    }

    .color-overlay {
        display: block;
        z-index: 20;
        position: relative;
        top: -40px;
    }

    .col-instructions {
        padding-left: 0;
    padding-top: 33px !important;
    height: 198px;
    }
    .termslink {
    text-align: center;
    margin-top: 10px;
    }

    .col-bullets {
        color: #6b6a63;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        list-style-type: none;
        margin-left: -35px !important;
    }

    .col-bullets p {
        font-size: 16px !important;
    }

    .col-order {
        font: 35px/35px 'brothersregular', 'Helvetica', 'sans-serif';
        color: #c63715;
        margin-right: 20px;
    }
    p.custom-coloring-footer-p {
        font-size: 16px !important;
        color: #3c3b38;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        text-align: center !important;
        margin-top: 10px;
    }
    .video-text {
    font: 20px/20px 'georgia', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    }
    .video-header {
    font: 40px/48px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    }
    #custom-message {
        top: 10px !important;
    }
    .video-tc {
    font: 18px 'georgia', 'Helvetica', 'sans-serif';
    }
}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .hero-content-left {
    display: inline-block;
    margin: 30px 30px 5px 30px;
    } 
    .hero-content-right {
    display: inline-block;
    margin: 30px 30px 30px 30px;
    padding: 30px 35px 30px 30px;
    }
    .custom-coloring-img {
        margin-bottom: 10px;
    }
    .tight-mobile {
        padding-left: 0;
        padding-right: 0;
    }
   .tight-mobile .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 30.25%;
    }
    
    .color-width {
    width: auto !important;
    margin: auto !important;
    
    }
    .color-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    .remove-margins {
        margin-left: -2px !important;
        margin-right: -3px !important;
        width: auto !important;
        margin: auto;
    }

    .color-overlay {
        display: block;
        z-index: 20;
        position: relative;
        top: -40px;
    }

    .col-instructions {
        padding-left: 0;
        padding-top: 7px !important;
        height: 159px;
    }
    .termslink {
    text-align: center;
    margin-top: 20px;
    }

    .col-bullets {
        color: #6b6a63;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        list-style-type: none;
        margin-left: -35px !important;
        margin-top: 27px !important;
    }

        .col-bullets p {
            font-size: 14px !important;
        }

    .col-order {
        font: 27px/16px 'brothersregular', 'Helvetica', 'sans-serif';
        color: #c63715;
        margin-right: 19px;
    }
    p.custom-coloring-footer-p {
        font-size: 16px !important;
        color: #3c3b38;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        text-align: center !important;
        margin-top: 10px;
    }
    .video-text {
    font: 16px/25px 'georgia', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    }
    .video-header {
    font: 35px/40px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    margin-top: 10px;
    }
    #custom-message {
        top: 5px !important;
    }
    .video-tc {
    font: 16px 'georgia', 'Helvetica', 'sans-serif';
    }
}

    

@media only screen and (max-width : 700px) {
    .video-tc {
    font: 14px 'georgia', 'Helvetica', 'sans-serif';
    margin-top: 13px;
    }

}

@media only screen and (max-width: 503px){
    .video-text {
        font: 12px/25px 'georgia', 'Helvetica', 'sans-serif' !important;
        color: #FFFFFF;
    }
    .video-header {
    font: 30px/25px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    margin-top: 10px;
    }
}

@media only screen and (max-width: 486px) and (max-width: 503px){
    .video-text {
        font: 12px/25px 'georgia', 'Helvetica', 'sans-serif' !important;
        color: #FFFFFF;
    }
    .video-header {
    font: 35px/35px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    margin-top: 10px;
    }
}







@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
        .remove-margins {
        margin-left: -2px !important;
        margin-right: -4px !important;
        width: auto !important;
        margin: auto;
    }
    .color-overlay {
        display: block;
        z-index: 20;
        position: relative;
        top: -40px;
    }

    .col-instructions {
        padding-left: 0;
        padding-top: 40px;
        height: 159px;
    }
    .termslink {
    margin-top: 15px;
    }

    .col-bullets {
        color: #6b6a63;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        list-style-type: none;
        margin-left: -38px !important;
        margin-top: 25px;
    }

        .col-bullets p {
            font-size: 14px !important;
        }

    .col-order {
        /*font: 30px/28px 'brothersregular', 'Helvetica', 'sans-serif' !important;*/
        font: 28px/20px 'brothersregular', 'Helvetica', 'sans-serif' !important;
        
        color: #c63715;
        margin-right: 19px;
    }
    p.custom-coloring-footer-p {
    font-size: 16px !important;
    color: #3c3b38;
    font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
    text-align: center !important;
    margin-top: 10px;
    }
    .center-instructions {
    margin: 0 auto !important;
    width: 91% !important;
    }
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
    }
    /*_:-ms-fullscreen, :root video {
    width: auto !important;
    margin-left: 15px;
    }*/
}
    



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
/*IPAD Support Portrait*/
    .remove-margins {
        margin-left: -15px !important;
        margin-right: -15px !important;
        width: auto !important;
        margin: auto;
    }

    .color-overlay {
        display: block;
        z-index: 20;
        position: relative;
        top: -40px;
    }

    .col-instructions {
        /*padding-left: 15px;*/
        padding-top: 32px !important;
        height: 164px;
    }

    .col-bullets {
        color: #6b6a63;
        font-family: 'ProximaNovaRgRegular', Helvetica, sans-serif;
        list-style-type: none;
        margin-left: -35px !important;
        margin-top: 0 !important;
    }

        .col-bullets p {
            font-size: 14px !important;
        }

    .col-order {
        font: 26px/21px 'brothersregular', 'Helvetica', 'sans-serif' !important;
        color: #c63715;
        margin-right: 19px;
    }
    .well-footer {
    min-height: 20px;
    padding: 1px;
    background-color: #f7f5ec;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
    .well-footer p {
        font: 16px 'georgia', 'Helvetica', 'sans-serif';
     }
    .well-image {
        margin-left: 10px;
    }

    .video-text {
    font: 20px/20px 'georgia', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    }
    .video-header {
    font: 30px/30x 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #FFFFFF;
    }
    #custom-message {
        top: 5px !important;
    }
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
    }

}

/*IPAD Support Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   .well-footer p {
        font: 16px 'georgia', 'Helvetica', 'sans-serif';
     }

}



@media (min-width:481px) { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .center-instructions {
    margin: 0 auto;
    width: 50%;
    }
}

@media (min-width:320px) { 
    /* smartphones, iPhone, portrait 480x320 phones */ 
    .center-instructions {
    margin: 0 auto;
    width: 100%;
    }
}




@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 

    .video-tc {
    margin-top: 29px !important;
    padding-right: 26px !important;
    }
    .video-header {
        margin-top: 5px !important;
    }
    .well-image {
            margin-bottom: 58px !important;
    }
    .center-instructions {
    /* margin: 0 auto !important; */
    /* width: 55% !important; */
    }

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 

    .video-tc {
    margin-top: 29px !important;
    padding-right: 26px !important;
    }
    .video-header {
        margin-top: 5px !important;
    }
    .well-image {
            margin-bottom: 75px;
    }
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

    .video-tc {
    margin-top: 29px !important;
    padding-right: 26px !important;
    }
    .video-header {
        margin-top: 5px !important;
    }
    .well-image {
            margin-bottom: 99px;
    }

    .well-footer p {
    font: 15px 'georgia', 'Helvetica', 'sans-serif';
}

}*/

    /* Custom, iPhone Retina */ 
@media only screen and (max-width: 420px) {
        .hero-content-left {
    display: inline-block;
    margin: 15px 15px 15px 15px;
    padding: 15px 15px 15px 15px;
    } 
    .hero-content-right {
    display: inline-block;
    margin: 15px 15px 15px 15px;
    padding: 15px 40px 15px 30px;
    } 
    .texplorer-logo {
      position: absolute;
      bottom: 15px;
      right: 15px;
    }
    .custom-coloring-img {
    margin-bottom: 110px;
    }
    .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 31.333% !important;
    margin-top: -1px;
    }
     .color-width, .color-width-footer {
    width: auto !important;
    margin: auto !important;
    }
    .color-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    .color-footer-logo{
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    }
    .color-footer-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 65px;
    }
    .custom-coloring-footer-p {
        padding-right: 35px;
    }
    .video-header {
    font: 20px/20px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    margin-top: 0 !important;
    }
    .video-text {
    font: 11px/10px 'georgia', 'Helvetica', 'sans-serif' !important;
    }
    .video-tc {
    font: 11px/4px 'georgia', 'Helvetica', 'sans-serif';
    margin-top: 9px !important;
    padding-right: 25px;
    }
    .col-instructions {
    padding-left: 0;
    padding-top: 7px !important;
    height: 200px;
    }
    .termslink {
    text-align: center;
    margin-top: 10px;
    }
    .col-bullets {
    margin-left: 30px !important;
    margin-top: 27px !important;
    }
    .col-bullets p {
    font-size: 16px !important;
    }
    .col-order {
    font: 35px/34px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #c63715;
    margin-right: 19px;
    }
    .col-order-space{
    margin-right: 24px;
    }
    .center-instructions {
    margin: 0 auto !important;
    width: 100% !important;
    }
    .loadvideoImg {
        background-image: url(/Assets/img/Page/Custom-Coloring/video.png);
        background-repeat: no-repeat;
        background-size: contain;
    }


}

    /* Extra Small Devices, Phones */ 
@media only screen and (max-width: 360px) {
        .hero-content-left {
    display: inline-block;
    margin: 25px 15px 20px 15px;
    padding: 30px 15px 30px 15px;
    } 
    .hero-content-right {
    display: inline-block;
    margin: 20px 15px 25px 15px;
    padding: 30px 40px 30px 30px;
    } 
    .texplorer-logo {
      position: absolute;
      bottom: 25px;
      right: 25px;
    }
    .color-footer-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 65px;
    }
    .video-header {
    font: 24px/20px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    margin-top: 6px !important;
    }
    .video-text {
    font: 10px/4px 'georgia', 'Helvetica', 'sans-serif' !important;
    }
    .video-tc {
    font: 10px/5px 'georgia', 'Helvetica', 'sans-serif' !important;
    margin-top: 9px !important;
    padding-right: 25px;
    }
    .col-instructions {
    padding-left: 0;
    padding-top: 7px !important;
    }
    .col-bullets {
    margin-left: 17px !important;
    margin-top: 27px !important;
    }
    .well-image {
    margin-bottom: 90px;
    }
}
    /* Custom, iPhone Retina */ 
@media only screen and (max-width: 320px) {
        .hero-content-left {
    display: inline-block;
    margin: 15px 5px 15px 5px;
    padding: 15px 0px 15px 15px;
    } 
    .hero-content-right {
    display: inline-block;
    margin: 15px 5px 15px 5px;
    padding: 5px 42px 5px 5px;
    } 
    .texplorer-logo {
      position: absolute;
      bottom: 15px;
      right: 15px;
    }
    .color-footer-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 65px;
    }
    .video-header {
    font: 20px/18px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    margin-top: -2px !important;
    }
    .video-text {
    font: 9px/4px 'georgia', 'Helvetica', 'sans-serif' !important;
    }
    .video-tc {
    font: 11px/5px 'georgia', 'Helvetica', 'sans-serif' !important;
    margin-top: 9px !important;
    padding-right: 25px;
    }
    .col-instructions {
    padding-left: 0;
    padding-top: 7px !important;
    height: 200px;
    }
    .termslink {
    text-align: center;
    margin-top: 10px;
    }
    .col-bullets {
    margin-left: -9px !important;
    margin-top: 27px !important;
    }
    .col-bullets p {
    font-size: 16px !important;
    }
    .col-order {
    font: 35px/34px 'brothersregular', 'Helvetica', 'sans-serif' !important;
    color: #c63715;
    margin-right: 19px;
    }
    .col-order-space{
    margin-right: 24px;
    }
    .well-image {
    margin-bottom: 105px;
    }
    .fit-image {
        object-fit: cover;
    }
}
/**********Homepage Headers Mobile************/
@media only screen and (max-width : 991px){
    /* Desktops */ 
    .carousel-hotspots {
    position: absolute;
    bottom: 7%;
    left: 73.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    }
    div.banner-click a {
    position: absolute;
    width: 236px;
    height: 33px;
    top: -10px;
    left: -94px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
    
    /* IPhone 5 Portrait */ 
    .carousel-hotspots {
    position: absolute;
    bottom: 2%;
    left: 63.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    }
    div.banner-click a {
    position: absolute;
    width: 123px;
    height: 33px;
    top: -10px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
    
    /* IPhone 5 Landscape */
    .carousel-hotspots {
    position: absolute;
    bottom: 8%;
    left: 64.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    }
    div.banner-click a {
    position: absolute;
    width: 213px;
    height: 33px;
    top: -15px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
    
    /* IPhone 6 portrait */
    .carousel-hotspots {
    position: absolute;
    bottom: 3%;
    left: 63.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    } 
    div.banner-click a {
    position: absolute;
    width: 123px;
    height: 33px;
    top: -15px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
    
    /* IPhone 6 landscape */
    .carousel-hotspots {
    position: absolute;
    bottom: 7%;
    left: 61.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    } 
    div.banner-click a {
    position: absolute;
    width: 123px;
    height: 33px;
    top: -15px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
    
    /* IPhone 6 Plus Portrait */ 
    .carousel-hotspots {
    position: absolute;
    bottom: 4%;
    left: 62.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    } 
    div.banner-click a {
    position: absolute;
    width: 161px;
    height: 26px;
    top: -20px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
    
    /* IPhone 6 Plus Landscape */
    .carousel-hotspots {
    position: absolute;
    bottom: 8%;
    left: 60.4444%;
    margin-left: -20px;
    width: 240px;
    height: 33px;
    } 
    div.banner-click a {
    position: absolute;
    width: 220px;
    height: 33px;
    top: -6px;
    left: -3px;
    text-decoration: none;
    z-index: 100;
    background-color: #FFF;
    opacity: 0;
    }
}