/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Raleway:ital,wght@0,400;0,500;1,400;1,500&display=swap');
/**
font-family: 'Lato', sans-serif; Reg-400 Light-300
font-family: 'Raleway', sans-serif; Reg-400 Med-500
Alliance Color - #00aeef #0087d5
*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#menu .col-xs-2,
#menu .col-xs-3 {
    padding-right: 10px !important;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 0px;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-2 {
    width: 19%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-7 {
    width: 58.3333333333%
}
.col-xs-8 {
    width: 66.666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-11 {
    width: 91.666667%;
}
.col-xs-12 {
    width: 100%;
}
.col-md-2 {
    width: 16.66666667%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }







p {
	font-size: 18px;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover {
	color: #0087d5;
}
.sig {
	font-family: 'Allura', cursive;
	font-size: 32px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 35.2px;
}
h1 {
    font-size: 36px;
}
h2 {
	text-transform: uppercase;
	font-size: 30px;
	padding-bottom: 30px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
h4 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 24px;
}
h5 {
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
h6 {
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
strong {
    font-weight: 700;
}
.clearfix {
    clear: both;
}
.expl {
    margin-bottom: 40px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}






.dropdown-menu {
    display: contents !important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nextheader {
    background-color: #0087d5;
    text-align: center;
    padding: 5px 0;
    color: white;
    margin-bottom: 16px;
}
.youtubenext iframe {
    padding-bottom: 16px;
    width: 100%;
}
.linkedinDesk {
    display: block;
}
.linkedinPhone {
    display: none;
}

.btn {
    background-color: #0087d5;
    margin: 10px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42857143;
}
.text-align-center {
    text-align: center;
}
.btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}












/**
Top Main Menu
*/
.toggle-tag {
    height: 50px;
    color: #FFFFFF;
    margin-top: 7px;
}
.main-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
}
.dropdown-menu {
	display: block;
	position: relative;
	background: transparent;
	font-size: 20px;
	border: none;
	box-shadow: none;
}
.main-menu li {
	font-size: 20px;
}
.head-menu {
	width: 200px;
}
li.head-menu {
	color:#EEEEEE;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
}
li.head-menu .sub-menu {
	font-size: 16px;
}
.active {
	color:#0087d5 !important;
}
.active-trail:hover {
	color:#00aeef;
}
.region-menu {
    height: 65px;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    z-index: 15;
}
.navbar-nav {
    max-height: 750px;
    background-color: rgba(0,0,0,0.8);
    z-index: 300;
    width: 100%;
    overflow-y: scroll;
    position: relative;
}
.navbar-text {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 15px;
}
span.caret {
	display: none;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.nav>li>a:focus,
.nav>li>a:hover {
	color: #00aeef;
	background-color: transparent;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background-color: transparent;
}
.dropdown-menu>li>a {
	color: #fff;
}
.navbar-nav>li>.dropdown-menu {
	width: 100%;
}
.navbar-nav .nav-link, .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-nav a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.menu--main li {
	width: 100%;
}
.dropdown-toggle {
	width: 100%;
}
.head-menu ul li {
	padding: 5px 10px;	    
}
.menu-line,
.dropdown-toggle {
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#block-mainnavigation {
	display: none;
}

.view-brands {
	margin-left: auto;
	margin-right: auto;
}
.nav-link {
    color: #337ab7;
    transition: none;
}
.nav-link:hover {
    color: #00aeef;
}
.dropdown-item.active, 
.media-library-view--widget .view-header a.dropdown-item.is-active, 
.dropdown-item:active {
    background-color: transparent;
}
.navbar-nav .dropdown-toggle::after {
    display: none;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.training-banner {
    background-color: #0087d5;
    text-align: center;
    padding: 5px 0;
}
.training-banner a {
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
}
.training-banner:hover {
    background-color: #00aeef;
}
.sub-header {
    background-color: #0087d5;
    padding: 5px 0;
    color: white;
}
.field--name-field-display-title {
    font-size: 30px;
    font-weight: 700;
}







#block-phoneiconblock {
	margin-top: 15px;
    top: 0;
    right: 0;
    z-index: 300;
	color: #FFFFFF;
}
#block-phoneiconblock #sub-phone {	
	right: 0;
	z-index: 200;
	margin-right: 15px;
	background: hsla(0,0%,0%,0.80);
	padding: 10px;
	width: 250px;
	position: fixed;
}
.phone-icon {
	text-align: right;
	padding-right: 10px;
	margin-top: 3px;
}
#sub-phone a {
	color: #FFFFFF;
}
#sub-phone a:hover {
	color: #0087d5;
	text-decoration: none;
}
#block-logoblock {
    display: flex;
    justify-content: center;
    padding-top: 15px;
    z-index: 15;
    text-align: center;
}
#block-dealerblock, #block-contactusblock {
	top: 15px;
	z-index: 290;
}
#block-dealerblock img, #block-contactusblock img {
    width: auto;
    height: 25px;
}
#rm-removed .title {
	font-size: 32px;
}


.header-banner {
    background-color: #333;
    border-bottom: solid 5px #00AEEF;
}


.rvs-dropdown,
.main-dropdown {
    position: fixed;
    width: 100%;
    background: #FBFDFD;
    text-align: left;
    left: 0;
    z-index: 100;
}
ul.menu {
    padding: 15px 0;
}
ul.menu li a {
    color: #2d2d2d;
    font-weight: 600;
    font-size: 13px;
    padding: 15px 30px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    margin: 0 5px;
    line-height: 150%;
}
.rvs-dropdown li, 
.main-dropdown li {
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    margin: 0 !important;
    width: 100%;
    display: list-item;
}
.menu-locator,
.menu-inventory {
    display: none !important;
}
.main-dropdown .dropdown {
    background-color:#f1f1f1
}
.main-dropdown .dropdown li {
    border-bottom: 1px solid #eaeaea;
}
.main-dropdown .dropdown li a {
    font-weight: 400;
}
.main-dropdown .menu-item--expanded:after {
    content: '\25C0';
    color: black;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
}















    .slider-container {
      width: 100%;
      overflow: hidden;
      position: relative;
    }
    .slider-wrapper {
      display: -webkit-box;
      transition: transform 0.3s ease-in-out;
    }
    .slider-item {
      width: 100%;
      box-sizing: border-box;
      padding: 0;
      text-align: center;
      margin: 0;
    }
    .slider-item img {
        width: 100%;
        height: auto;
    }
    .slider-buttons {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
    }
    .slider-buttons button {
      background-color: transparent;
      color: #fff;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
    }
    .slider-buttons button:disabled {
      background-color: transparent;
      cursor: not-allowed;
    }











.share-modal-wrapper {
    display:none !important;
}












/**
Banner Section
*/
.views-field-field-tag-line {
	padding-bottom: 30px;
}
#brand_menu {
	background: #FFFFFF;
	z-index: 10;
	padding-top: 15px;
}
.path-frontpag #brand_menu {
	min-height: 75px;
}
#tag_menu {
	padding-top: 40px;
	height: 60px;
}
#tag_menu .views-field-field-tag-line {
	padding-bottom: 0;
}
.brand-sub-menu img {
    padding-left: 20px;
    padding-right: 20px;
}
.brand-sub-menu img:hover {
    transform: scale(1.03);
}
.brand-sub-menu {
    display: none;
}




#block-highlight1text {
	width: 700px;
	padding-bottom: 50px;
}
#main-content {
    background-position: top;
    background-color: black;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #EEEEEE;
    padding-bottom: 100px;
    padding-top: 60px;
    border-bottom: solid #00aeef 10px;
}
.container-xl {
	max-width: 2000px;
	margin-left: auto;
	margin-right: auto;
}



#brand_menu {
    display: block;
}
.slider-container {
    display: block;
}



#block-logo {
    padding-bottom: 80px;
    text-align: center;
}
.social_btn {
    width: 100%;
    margin-bottom: 30px;
}
.social-icon {
    margin-right: 20px;
    float: left;
}
.social-header {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}
.social-header h2 {
    padding-bottom: 0;
}
.btn {
    margin: 0;
}

.socialwraper {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/social-fade.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-top: 50px;
    padding-bottom: 50px;
}
#top-content {
    padding-top: 50px;
}
#top-content .container {
    padding-bottom: 100px;
}
.grid-facebook-page-posts {
    height: 400px !important;
    overflow-y: scroll;
}
.post-post-counts {
    
}





.blog-list.views-row {
    margin: 2.5px;
    display: inline-block;
    background-color: white;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px;
}
.blog-list-2.views-row {
    margin: 2.5px;
    display: inline-block;
    background-color: white;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px;
}
.blog-image img {
    border-radius: 10px;
}
.views-field.views-field-title {
    font-size: 15px;
}
.blog-date {
    font-size: 12px;
}
.blog-list.views-row p {
    font-size: 14px;
}










.field-content a {
    color:#505050;
}
.collection-title {
    font-size: 24px;
    padding-bottom: 5px;
}
.collection-btn a {
    color: white;
}
.btn {
    background-color: #00aeef;
    color: white;
    text-transform: uppercase;
}
.collection-tag {
    font-size: 16px;
    padding-bottom: 15px;
}
.collection-image {
    
}
.btn.focus, .btn:focus, .btn:hover {
    background-color: #0095cd;
    color: white;
}
#alliance-logo-h {
    height: 60px;
    padding: 20px 0;
}

.header-container .header.region--gray-background {
    background: black;
}
.header-second {
    padding:0;
}



.slider-buttons #prev {
    
}
.slider-buttons #prev::before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.slider-buttons #next {

}
.slider-buttons #next::before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f002';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}






/** Apparel and Academy Blocks */
.featured-top__section {
    padding: 30px 30px 0 30px;
    text-align: center;
}
.apparel-store,
.academy-block,
.dealer-inventory {
    padding-bottom: 30px !important;
    position: relative;
}
.apparel,
.academy {
    position: relative;
}
.apparel-btn,
.academy-btn {
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}











/** Footer */
.subfooter {
    background-color: black !important;
    color: white !important;
}
.addy-block {
    text-align: left;
}
.logo-footer {
    padding-right: 0;
}
.addy-footer {
    
}
.addy-footer p {
    font-size: 10px;
}
.subfooter__section ul.menu {
    padding: 0 !important;
}
.subfooter__section ul.menu li {
    margin: 5px 20px !important;
    text-align: left;
}
.subfooter__section ul.menu ul.menu {
    display: block !important;
}
.menu-header {
    text-transform: capitalize;
    font-weight: 600;
}
.menu-header span {
    border-bottom: 1px white solid;
    width: 60%;
    display: block;
    font-size: 12px;
}
.menu-item .foot-sub a {
    text-transform: capitalize !important;
    font-weight: 300 !important;
}
.foot-sub-link {
    
}
.footer-menu li {
    display: block;
}
.footer-menu li a {
    line-height: 1.5;
    width: 100%;
    font-size: 12px;
    color: white;
}
.addy-footer a {
    color: white;
}
.addy-footer a:hover,
.footer-menu li a:hover {
    color: #337ab7;
}
.right-align {
    
}
.copyright p {
    font-size: 10px;
}
#addy-block {
    z-index: 20;
}
#block-footer-1 {
    z-index: 15;
}
#block-footer-2 {
    z-index: 10;
}
#block-footer-3 {
    z-index: 5;
}
#copyright {
    z-index: 1;
}





















































.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}









/** Highlight Section 2 */
highlight2 {
	border-bottom: 10px #808080 solid;
}
.mage {
    position: relative;
    text-align: center;
    overflow: hidden;
	display: inline-block;
}
.mage img {
	transition: transform .2s; /* Animation */
	width: 100%;
}
.mage img:hover {
  transform: scale(1.03); /* (103% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.highlight-2-text {
	padding-bottom: 20px;
}
.articles-headline {
	padding-top: 100px;
	padding-bottom: 100px;
}
.article-wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: flex;
}
.article {
    background-color: #e6e6e6;
    margin: 10px;
    padding: 20px;
	display: inline-block;
	transition: transform .2s; /* Animation */
}
.article:hover {
  transform: scale(1.03); /* (103% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.article img {
    max-width: 100%;
    height: auto;
}








.cya-text p {
	font-size: 12px;
}

.media-fib {
    text-align: center;
}
.media-lib {
    height: 500px;
    overflow-wrap: anywhere;
}
.media-lib .views-field-field-media-image,
.media-lib .views-field-field-media-document {
    height: 70px;
    position: relative;
}
.media-lib .views-field-field-media-image .field-content,
.media-lib .views-field-field-media-document .field-content {
    /**
    position: absolute;
    bottom: 10px;
    */
}
.media-lib-img {
    
}
.media-lib-txt {
    position: absolute;
}
#block-sharethis {
    text-align: right;
    float: right;
}
#block-sharethis h2 {
    font-size: 14px;
    letter-spacing: 7px;
    padding-bottom: 10px;
}
.stButton .stLarge {
    height: 22px !important;
    width: 22px !important;
}
.stButton .stLarge:hover {
    background-position: -22px !important;
}
.flexy {
    display: flex;
}

.text-align-right {
    text-align: right;
}

.toggle, .phone-icon {
    font-size: 28px;
}



.navbar-nav li a {
    color: #fff;
}
.nav-link:hover {
    color: #00aeef;
}




.field--name-field-banner-video {
    justify-content: center;
    display: flex;
    height: 200px;
    overflow: hidden;
}
.field--name-field-banner-video, 
.field--name-field-banner-video video, 
video {
    width: 100% !important;
    height: 100% !important;
}


.brandmenu {
    background-image: url(https://alliancerv.com/sites/default/files/floorplan-fade.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain;
    padding-top: 0;
    text-align: center;
}
.brandmenu-sub a {
    color: black;
    text-decoration: none;
}
.brand-left img {
    width: 100%;
}
.brand-left {
    height: 100px;
    display: flex;
    align-items: center;
}
.view-brands .col-xs-3, .view-brands .col-xs-4, .view-brands .col-xs-5, .view-brands .col-sm-5, .view-brands .col-xs-6, .view-brands .col-xs-7, .view-brands .col-sm-7 {
    padding-right: 0px;
    padding-left: 0px;
}
#block-contactusblock, #block-dealerblock, #block-navmenu {
    padding: 0;
}
#block-navmenu {
    display: none;
}







footer .col-xs-12,
highlight2 .col-xs-12 {
    padding: 0;
}

#footer-image img,
#highlight2 img{
    width: 100%;
    height: auto;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}



.desk-menu {
    display:none;
}














@media only screen and (max-width: 600px) {
    .media-tabs li,
    .media-tabs button {
        font-size: 14px;
        word-break: break-word;
    }
    .tab-content {
        height: 200px;
    }
	.toggle,
	.phone-icon {
		font-size: 22px; 
	}
	#block-logoblock img {
		width: 85%;
	}
	h2 {
		font-size: 40px;
	}
	#desktopvid, 
	.desk-tour-int, 
	.desk-tour-ext, 
	.desk-menu {
        display: none;
    }
	#main-content {
		min-height: 1700px;
		padding-top: 20px
	}
	#highlight1 {
		min-height: 1200px;
	}
	.region-brand-menu {
		padding-bottom: 30px;
	}
	.mage {
		position: relative;
		padding-top: 0px;
	}
	.mage img {
		width: 90%;
		display: inline-flex;
	}
	.mage.views-row {
		padding: 0;
	}
	.view-brands .mage img {
		width: 88%;
	}
	.container-xl {
		width: 100%;
	}
	.carousel-cell {
	  height: 300px;
	}
	.brand-view-lg .view-brands .mage img {
		width: 90%;
	}
	.vid-thumb video {
		height: 280px !important;
		width: 100% !important;
	}
	#tag_menu {
		display: none;
	}
	.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
		height: 650px;
		overflow-y: scroll;
		width: 250px;
	}
	#block-phoneiconblock {
		padding-left: 0;
	}
	#block-dealerblock {
		
	}
	.toggle-tag {
	    left: 0;
	}
	.brand-links a {
		font-size: 18px;
		padding: 0 13px;
	}
	.main-carousel {
		margin-top: 0;
	}
	.briefing-bnr {
	    display: flex;
	    justify-content: center;
	}
	.briefing-bnr img {
        padding-top: 30px;
        height: 180px;
	}
	.briefing-bnr .field--name-field-banner-image {
	    overflow: initial;
	    height: 180px;
	}
	.fp-note {
		width: 150px;
	}
	.col-xs-12 {
	    width: 100%;
	}
    header video {
		width: auto;
		height: 150px;
	}
    #block-logo img {
        width: 90%;
    }
    .social-header h2 {
        font-size: 30px;
        letter-spacing: 10px;
    }
    .social-icon {
        width: 40px;
    }
    .brand-1,
    .brand-2,
    .brand-3,
    .brand-4 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .flexy {
        display: block;
    }
    #brand_menu {
        display: none; 
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (min-width: 768px) {
            .col-sm-push-1 {
            left: 8.33333333%;
        }
        .col-sm-push-2 {
            left: 16.66666667%;
        }
        .col-sm-pull-1 {
            right: 8.33333333%;
        }
        /** .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }*/
        .col-sm-4 {
            width: 33.33333333%;
        }
        .col-sm-5 {
            width: 41.66666667%;
        }
        .col-sm-6 {
            width: 50%;
        }
        .col-sm-10 {
            width: 83.33333333%;
        }
        .col-sm-11 {
            width: 91.666667%;
        }
    .container {
        width: 750px;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
	#brand_menu {
	  	top: 65px; /* become sticky once touching left edge */
	    height: auto;
	}
	.spec-text {
		font-size: 20px;
	}
	.spec-title {
		font-size: 12px
	}
	.specs {
		width: 16%;
	}
	.main-carousel {
		height: 250px;
	}
	.mage .views-row {
		padding: auto;
	}
	.align-right {
    	float: none;
	}
	.form-inline .form-control {
		width: 90%;
	}
	header video,
	video {
		width: 100% !important;
		height: auto !important;
	}
	.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
		height: 750px;
		overflow-y: scroll;
		width: 250px;
	}
	.contact-buttons .col-sm-2 {
		width: 20%;
	}
	#block-logoblock {

	}
	#block-phoneiconblock {
		margin-left: -8%;
	}
	#block-dealerblock {
		right: 60px;
	}
    #highlight1 {
		min-height: 650px;
	}
	.article p {
		font-size: 18px;
	}
	#block-logoblock img {
		width: auto;
		height: 40px;
	}
	.briefing-bnr img {
        padding-top: 30px;
	}
	.col-sm-offset-1 {
	    margin-left: 8.33333333%;
	}
	.col-sm-6 {
	    width: 50%;
	}
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	    float: left;
	}
	.col-sm-offset-1 {
	    margin-left: 8.33333333%;
	}
	.col-sm-6 {
	    width: 50%;
    }
    .form--inline .form-control {
	    width: 110%;
	}
	.form--inline .form-item {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    #tag_menu {
	    padding-top: 15px;
    }
    span.line {
        display: inline-block;
    }
    .media-tabs li,
    .media-tabs button {
        width: 25%;
    }
    .css-1dhgbe8 {
        margin: 0;
        width: 100%;
    }
    #block-logo img {
        width: 80%;
    }
    .brand-1 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        border-right: 1px solid #ccc;
    }
    .brand-2 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
    .brand-3 {
        border-right: 1px solid #ccc;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    .brand-4 {
        padding-bottom: 20px;
        padding-top: 10px;
    }
    .blog-list.views-row {
        width: 19.2%;
    }
    .blog-list-2.views-row {
        width: 20%;
    }
    #block-navmenu {
        display: block;
        color: white;
        z-index: 30;
        position: absolute;
        right: 20px;
    }
    .main-menu {
        width: 100%;
    }
    #block-navmenumobile {
        display: none;
    }
    .lower-block {
        width: 32.333%;
    }
    .lower-block img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) {
    .slider-container {
        display:none;
    }
    .container {
        width: 970px;
    }
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
	.mage .views-field-field-brand-logo {
		height: 45px;
	}
	#highlight1 {
		min-height: 800px;
	}
	#brand_menu {
	  	top: 65px;
	  	text-align: center;
	}
	.custom_features .slide {
		padding: 0 10px;
	}
	.floorplan-pdf img {
		height: 150px;
		width: 118px;
	}
	.align-right {
    	float: right;
	}
	.form-inline .form-control {
		width: 100%;
	}
	.briefing-bnr img {
        padding-top: 30px;
	}
	.navbar-nav .dropdown-toggle::after {
	    display:none;
	}
    .media {
        height: 490px;
    }
    .form--inline .form-control {
	    width: 100%;
	}
    #block-logo img {
        width: 60%;
    }
    .navbar-nav {
        width: 270px;
        Margin-left: auto;
        margin-right: 5%;
    }
    .logo-h {
        padding-top: 20px;
    }
    
    
    
    
    

            #main-dropdown,
            #rvs-dropdown {
                position: fixed;
                width: 100%;
                background: #FBFDFD;
                border: 1px solid #eaeaea;
                text-align: left;
                left: 0;
                margin-top: 80px;
            }
            #rvs-dropdown li,
            #main-dropdown li {
                text-align: left;
                border-bottom: 1px solid #eaeaea;
                margin: 0 !important;
                width: 100%;
                display: list-item;
            }
            #rvs-dropdown li a,
            #main-dropdown li a,
            #rvs-dropdown li .menuparent,
            #main-dropdown li .menuparent {
                color: #2d2d2d;
                font-weight: 600;
                font-size: 13px;
                padding: 15px 30px;
                letter-spacing: 0.25em;
                text-transform: uppercase;
                margin: 0 5px;
                display: block;
            }
            #rvs-dropdown li:last-child,
            #main-dropdown li:last-child {
                border-bottom: transparent;
            }
            #rvs-dropdown .menu-locator,
            #rvs-dropdown .menu-inventory {
                display: none;
            }
            #main-dropdown .menu-item--expanded:after {
                content: '\25C0';
                color: black;
                background: transparent;
                position: absolute;
                right: 10px;
                top: 10px;
            }
            
            #main-dropdown .menu-item--expanded:after .show {
                content: '\25BC;
                color: black;
                background: transparent;
                position: absolute;
                right: 10px;
                top: 10px;
            }
            
            #main-dropdown .menu-item--expanded ul {
                background-color: #f1f1f1;
            
            
            }
            #main-dropdown .menu-item--expanded ul li a {
                font-weight: 400;
                
            }
    ul.menu li {
       float: left;
    }
    ul.menu li a {
        color: white;
    }
    .menu > li > a:hover {
        border-bottom: 2px solid #00aeef;
        background-color: transparent !important;
    }
    .menu-locator,
    .menu-inventory,
    .menu {
        display: block !important;
    }
    .right-align {
        float: right !important;
    }
    .desk-hide {
        display:none;
    }  
    .desk-menu {
        display:block;
        height:80px;
        background-color: #333;
        border-bottom: solid 5px #00AEEF;
    }
 }

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
	#main-content {
	min-height: 1700px;
	}
	#highlight1 {
	min-height: 900px;
	}
	.view-brands {
		width: 1170px;
		height: 75px;
	}
	.mage .views-field-field-brand-logo {
		height: 65px;
	}
	.side-by-side {
	width: 1200px;
	}
	.article-wrapper {
	max-width: 1150px;
	}
	.responsive-menus.responsified {
	
	}
	.specs-outer {
	width: 1200px;
	}
	#brand_menu {
	  	top: 65px; /* become sticky once touching left edge */
	  	height: auto;
	}
	.views-field-field-brand-logo img {
		width: 90%;
	}
	.custom_features .slide {
		padding: 0 60px;
	}
	.spec-title {
		font-size: 16px;
	}
	.briefing-bnr img {
        padding-top: 0px;
	}
	.col-lg-3 {
        width: 25%;
    }
    #block-logoblock img {
		height: 40px;
	}
    #block-logo img {
        width: 60%;
    }
    .desk-menu {
        display:block;
    }
}




















    /* General Reset */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    nav {
      background-color: #333;
      margin-bottom: 1px;
    }

    /* Top-Level Menu */
    .menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .menu > li {
      position: relative;
    }

    .menu > li > a {
      display: block;
      padding: 15px 20px;
      color: white;
      text-decoration: none;
    }

    .menu > li > a:hover {
      background-color: #555;
    }

    /* Dropdown Menu (Hidden by Default) */
    .dropdown {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #444;
      list-style: none;
      margin: 0;
      padding: 0;
      min-width: 150px;
    }

    .dropdown li {
      border-bottom: 1px solid #555;
    }

    .dropdown li:last-child {
      border-bottom: none;
    }

    .dropdown a {
      display: block;
      padding: 10px 15px;
      color: white;
      text-decoration: none;
    }

    .dropdown a:hover {
      background-color: #666;
    }

    /* Expand Full Width for Desktop */
    @media (min-width: 769px) {
      .menu {
        flex-direction: row;
      }

      .dropdown {
        position: absolute;
      }
    }

    /* Mobile Styling */
    .menu-toggle {
      display: none;
      font-size: 20px;
      color: white;
      background: none;
      border: none;
      cursor: pointer;
      padding: 15px 20px;
    }

    @media (max-width: 768px) {
      .menu {
        flex-direction: column;
        align-items: flex-start;
        display: none; /* Hidden by default */
        width: 100%;
      }

      .menu.active {
        display: flex;
      }

      .dropdown {
        position: static;
        width: 100%;
      }

      .menu-toggle {
        display: block;
      }
    }