@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
        justify-content: center;
    }
}

.pageHelp {display: none;}
.breadcrumb {
display: none;
}

footer {
display: none !important;
}

.container-fluid {
padding-right: 0px;
padding-left: 0px;
}


/*** LOGO ***/

.logowidth {
max-width:1150px;
margin:0 auto;
margin-top: 10px;
}

#logo {
max-width: 500px;
}

#headerright{
height:102px;
}

.searchassembly{
float:right;
}


/* MINICART SOCIALS AREA */
#socials a em {
float: left;
padding-right: 10px;
font-size: 20px!important;
}

#socials a em, .numberCircle{
transition: color 0.25s ease
}

#socials em:hover, 
.numberCircle:hover{
/*color:#3C4242;*/
color:#EEB211;
}

#socials .fa-instagram {
padding-right: 10px;
}

.dropbtn {
font-size: 16px;
border: none;
}

.dropbtn a {
font-weight: bold;
}

#Cart{
display:none;
}

.span-cart-items {
    position: absolute;
    font-size: 14px;
font-weight:bold;
    color: #fff;
    z-index: 2;
    bottom: 2px;
    margin-left: 19px;
}

.cart-single-digit {
    left: 13px;
}

.cart-double-digit {
    left: 9px;
}

#itemcount{
margin-left: -3px;
}

.socdropdown {
position: relative;
display: inline-block;
padding-left: 5px;

font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown-content {
display: none;
position: absolute;
right: 0;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown-content a {
color: #00386C;
padding: 11px 15px;
text-decoration: none;
display: block;
font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown:hover .socdropdown-content {
display: block;
font-family: 'Roboto Condensed', sans-serif;
}

.fa-shopping-cart {
font-size: 20px!important;
vertical-align: top;
color:#333;
}

.numberCircle {
border-radius: 50%;
behavior: url(PIE.htc);
//  line-height: 10px!important;
// height: 7px;
// width: 7px;
// padding: 6px;
background: #000;
color: #fff;
text-align: center;
font: 30px Arial, sans-serif;
display: inline-block;
vertical-align: top;
margin-top: 2px;
padding: 0;
width: 18px;
height: 18px;
line-height: 18px;
}

.login {
color:#00386C;
padding-left: 10px;
font-size: 15px!important;
text-decoration: none;
font-family: ‘Roboto Condensed’, sans-serif;
}

.login:hover {
text-decoration:none;
color:#EEB211;
}

.soccontainer-1 {
width: 250px;
white-space: nowrap;
float:right;
margin-top:10px;
}

.soccontainer-1 input#q {
z-index: 0;
width: 100%;
height: 35px;
border: 1px solid #00386C;
font-size: 10pt;
color: #262626;
padding-left: 35px;
top: 25px;
-webkit-border-radius: 2.5px;
-moz-border-radius: 2.5px;
border-radius: 2.5px;
}

.soccontainer-1 input#q::-webkit-input-placeholder {
color: #65737e;
}

.soccontainer-1 input#q:-moz-placeholder {
/* Firefox 18- */
color: #65737e;
}

.soccontainer-1 input#q::-moz-placeholder {
/* Firefox 19+ */
color: #65737e;
}

.soccontainer-1 input#q:-ms-input-placeholder {
color: #65737e;
}

.soccontainer-1 .icon {
position: absolute;
margin-left: 10px;
margin-top: 8px;
z-index: 1;
color: #4f5b66;
font-size: 16px;
}

#mersearch {
margin-left: 750px;
width: 250px!important;
margin-bottom: -50px;
margin-top: -85px!important;
height: 140px!important;
}

#abvsearch{
width:250px!important;
float:right;
margin-bottom:10px!important;
margin-top:25px !important;
display: block;
-webkit-transition: ease .5s; /* For Safari 3.1 to 6.0 */
transition: ease .5s;
cursor: pointer;
 }


/*** EMAIL POPUP MODAL ****/

.embed-responsive-16by9 {
    padding-bottom: 0% !important;
    height:615px !important;
width:795px !important;
}

@media (max-width:767px) {
.embed-responsive-16by9 {
    padding-bottom: 0% !important;
    height:615px !important;
width:700px !important;
}
}


.embed-responsive {
margin: 10px;
}

.iframe {
width:595px;
height:450px;
}

@media (max-width:767px) {
.iframe {
width:767px;
height:450px;
}
}

@media (min-width: 768px){
.modal-dialog {
    width: 810px;
    margin: 30px auto;
}
}

#modalSubscriptionFormM {
}
/*Sets the maximum height of the modal image to 90% of the screen height*/
.modal-body img {
  max-height: 90vh;
}
/*When the modal fills the screen it has an even 2.5% on top and bottom*/
/*Centers the modal*/
.modal-dialog {
  margin: 2.5vh auto;
}

.modal-header {
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

#modalh4 {
font-family: ‘Roboto Condensed’, sans-serif;
font-size:25px;
}

.modal-content {
text-align: left;
}

.mb-5M {
padding: 5px;
}

.mb-4M {
padding: 5px;
}

.form-controlM {
height: 34px;
padding: 6px 12px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
font-size: 14px;
line-height: 1.42857143;
color: #00386C;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}

.envelope {
font-size: 25px;
color: #00386C;
}

.modalfa {
display: inline-block;
font: normal normal normal 28px/1 FontAwesome; important!
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #00386C;
}

.modalfa2 {
display: inline-block;
font: normal normal normal 28px/1 FontAwesome; important!
font-size: inherit;
margin-right:5px;
margin-left:4px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #00386C;
}

.MbuttonOne {
background-color: transparent;
color: #00386C;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 12px 2px;
margin: 8px 0;
padding-top: 2px;
border: none;
cursor: pointer;
width: 225px;
opacity: 0.9;
}

.MbuttonOne:hover,
.MbuttonOne:focus {
opacity:1;
text-decoration:none;
color: #EEB211;
}






/* NAV BAR */
#h_nav {
    min-height: 0px;
}
#myMenu>.container-fluid{
padding:0 !important;
}

.nav .navbar-nav ul {
display: inline-block;
text-align: center;
}

.navbar il{
 list-style-type: none;
}

/*fullsite front face navbar */
#h_nav { 
border-color: transparent;
border-bottom:3px solid #EEB211;  
} 

.navbar {
font-family: ‘Roboto Condensed’, sans-serif;
position: relative; 
background-color: #00386C !important;
}


.navbar-nav{
width:100%;
text-align:center;
margin: 0;
border:none;
}

.navbar .navbar-nav>li>a {
color: #fff;
font-size: 18px;
font-weight: bold;
}

/* dropdowns */
.dropdown-menu {
border-top-right-radius: 5px !important;
border-top-left-radius: 5px !important;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: center;
min-width: 160px;
padding: 15px 0;
margin: 0px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #00386C ;
background-clip: padding-box;
border: 1px solid #00386C;
}


/* hovers and links */
.navbar ul> li> a:focus,
.navbar  ul> li> a:hover {
background-color: #00386C;
color: #F1B20F;
font-weight: bold;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
color: #F1B20F;
background-color:  #00386C !important;
font-weight: bold;
}

.navbar .navbar-nav>.open,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover,
.navbar-nav > li > .dropdown-menu > li > a:hover, 
.navbar-nav > li > .dropdown-menu > li > a:focus, 
.navbar-nav > li > .dropdown-menu > li > a:active {
background-color: #00386C !important;
color: #F1B20F;
}

.navbar .navbar-toggle:hover, 
.navbar .navbar-toggle:focus {
background-color: #00386C  ;
color:#F1B20F;
}

/*fullsite hover menu*/
.dropdown-menu>li>a {
display: block;
padding: 3px 20px !important;
clear: both;
line-height: 1.5;
color: #fff;
white-space: nowrap;
margin: 1px 5px;
font-weight: bold;
font-size: 16px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover, {
padding-left: 25px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:#00386C  ;
    border-color: transparent;
color: #F1B20F;
}

/* TOGGLE HAMBURGER ICON CLOSE */
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23f1b300' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler {
    margin-left: auto;
    margin-right: 20px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar .navbar-toggle .icon-bar {
background-color: #EEB211;
border-color: transparent;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}  

/* HAMBURGER MENU X TO CLOSE */
.navbar-toggle {
border: none;
background: transparent !important;
}

.navbar-toggle:hover {
background: transparent !important;
}

.navbar-toggle .icon-bar {
width: 22px;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(1){
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(2){
opacity: 0;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(3){
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}

.navbar-toggle .collapsed span:nth-child(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

.navbar-toggle .collapsed span:nth-child(2) {
opacity: 1;
}
.navbar-toggle .collapsed span:nth-child(3) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

.close,
.close:hover,
.close:focus {
color:#EEB211;
opacity:1;
}

div .btext {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
}


/** CAROUSEL **/


#myCarousel {
padding: 0px;
max-width: 100%;
height:auto;
margin:0;
background-color: #00386C;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
font-weight: bold;
}

 
/*Forces carousel image to be 100% width and not max width of 100%*/
.carousel-item .img-fluid {
width:100%;
height:auto;
}

.carousel .item {
max-width: 100%; /*slider width*/
max-height: auto; /*slider height*/
}

.carousel .item img {
max-width: 100%; /*img width*/
max-height: auto;
display: block;
margin: 0 auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
max-width: 100%;
max-height: auto;
}

.carousel-caption a {
color: white;
font-size: 20px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: #e0ded7;
font-size: 20px;
text-decoration:none;
}

.carousel-indicators li {
background-color: #fff;
}

.carousel-indicators .active {
background-color: #EEB211;
}

.carousel-indicators {
bottom: -5px !important
}

.carousel-caption .btn {
margin: 10px;
background-color: #00386C;
border-color: #00386C;
color:#EEB211;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
padding:8px;
position: absolute;
z-index: 10;
top: 10%;
right: 15%;
}

.carousel-caption .btn {
text-shadow: none;
}

.carousel-caption {
background-color: #00386C;
bottom: 0px;
left: auto;
opacity: 0.9;
padding-left: 10px;
right: 0%;
text-align: right;
width: 70%;
height: 110px;
}

.carousel-control {
width: 5% !important;
}

.carousel-caption::before {
border-bottom: 110px solid #00386C;
border-left: 110px solid transparent;
position: absolute;
top: 0px;
left: -109px;
width: 0;
height: 0;
content: "";
}


/* BOTTOM STYLES*/

#bottomSection{
padding-bottom:25px;
padding-top:25px;
margin-top: 10px;
}

.fullwidth{
background-color:#00386C;
width:100%;
}

.bottomtitle{
color: #fff !important;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 30px !important;
font-weight: normal !important;
margin-bottom: 20px !important;
}

.nolist{
list-style:none;
margin-left:-35px;
text-align:left;
}

.haslist{
margin-left:-25px;
color: #F1B20F;
}
.haslist li{
color: #F1B20F;
}

.boxrow li{
color: #F1B20F;
margin-bottom:15px;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.bottomlink { 
color: #F1B20F;
text-decoration:none;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.bottomlink:hover,
a.bottomlink:focus{
color:#fff;
text-decoration:none;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.contactP {
color: #F1B20F;
text-align:left;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.facontact {
color: #F1B20F;
font-size: 16px;
}

a.facontact {
color: #F1B20F;
font-size: 16px;
}

a.facontact:hover,
a.facontact:active {
color: #fff;
font-size: 16px;
text-decoration: none;
}


.boxrow{
max-width:1000px;
margin:0 auto;
}



/*** MIDDLE DIV BOXES ****/

.midrow {
margin: 0px;
padding: 0px;
}

.midimage1 {
margin-right: 0px;
margin-top: 10px;
margin-left: 0px:
}

.midimage2 {
margin-right:0px;
margin-top: 10px;
margin-left: 0px:
}

.midimage3 {
margin-right:0px;
margin-top: 10px;
margin-left: 2px:
}

.maxwidth {
width: 100%;
padding-top: 5px;
}

.boxrowI{
margin: 0px;
}

#box1{
color: #ffffff;
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: 700;
font-size: 40px;
padding-top: 2.5px;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

#box1sub{
color: #EEB211;
font-size: 25px;
font-family: ‘Roboto Condensed’, sans-serif;
margin-top: 0px;
margin-left: 15px;
margin-bottom: 0px;
}

#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid #EEB211 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp:hover {
cursor: pointer;
background: #EEB211;
text-decoration: none;
color: #00386C;
font-weight: bold;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid #EEB211 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp1:hover {
cursor: pointer;
background: #EEB211;
text-decoration: none;
color: #00386C;
font-weight: bold;
}


.underCarousel, .underCarousel1 {
background-color: #00386C;
float: left;
margin-top: 5px;
border:5px solid white;
padding: 10px;
padding-top: 15px;
}


/* STYLING FOR OTHER RWD PAGES */

/* MERCH IMAGE SQUISH FIX */
img.merchImage.margin_auto.img-responsive{
object-fit: cover!important;
}

/* COURSE MATERIALS SQUISH FIX */
.close{
text-shadow:0 0 0 #fff!important;
}
.courseBookDetail .btn, .hidden-print{
background-color: #EEB211!important; 
color:black!important;
font-weight:bold !important;
border:1.5px solid black !important;
width:150px!important;
}


.displayb {
font-size: 15px;
}
.loginDisclaimer {
font-size: 15px;
}
p {
font-size: 15px;
}


.panel-info {
border-color: #00386C;
}


.panel-heading{
background-color:#00386C!important;
color:white!important;
}

.fa-arrow-circle-o-right{
color: #EEB211;
}
.fa-arrow-circle-o-right:hover,
.fa-arrow-circle-o-right:focus,
.fa-arrow-circle-o-right:active{
color: #00386C;
}

.fa-chevron-circle-down:before {
color: #EEB211;
}
.fa-chevron-circle-down:hover,
.fa-chevron-circle-down:active,
.fa-chevron-circle-down:focus {
color:  #00386C;
}

.ordering_enabled {
color: #00386C;
}

.add_another_course_button_enabled{
color:#00386C;
}
.add_another_course_button_enabled:hover,
.add_another_course_button_enabled:focus,
.add_another_course_button_enabled:active{
color:#EEB211;
}

#Get_Materials{
color:#00386C;
}

.btn{
background-color:  #00386C;
color:  #fff;
font-weight: bold;
}

.btn:hover,
.btn:focus,
.btn:active,{
background-color: #EEB211;
color:  #00386C;
font-weight: bold;
}

.btn-primary {
background-color:  #00386C;
border: transparent;
font-weight: bold;
color:  #fff;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active{
font-weight: bold;
background-color: #EEB211;
color:  #00386C;
border: transparent;
}

.btn-default {
background-color:  #00386C;
border: transparent;
font-weight: bold;
color:  #fff;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
font-weight: bold;
background-color: #EEB211;
color:  #00386C;
border: transparent;
}

.btn-info, 
.btn-block {
 font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
background-color:  #00386C;
border: transparent;
font-weight: bold;
color:  #fff;
padding-top: 10px;
padding-bottom:10px;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-info:hover, 
.btn-info:focus,
.btn-info:active,
.btn-block:hover,
.btn-block:focus,
.btn-block:active {
font-family: ‘Roboto Condensed’, sans-serif; 
font-size: 18px;
font-weight: bold;
background-color: #EEB211;
color:  #00386C;
border: transparent;
padding-top: 10px;
padding-bottom:10px;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: ‘Roboto Condensed’, sans-serif; 
}



/** RWD END GLOBAL **/

/* LOGIN NOTICE BAR*/
#noticebar{
background:#EEB211;
padding: 20px; 
font-size: 25px; 
text-align: center; 
font-family: ‘Roboto Condensed’, sans-serif; 
font-weight: bold; 
color: #00386C;
}

/*.accountinfo {
animation: bounceIn 1.5s .5s 1;
}

@keyframes bounceIn {
0% {
transform: scale(0.1);
opacity: 0;
}

60% {
transform: scale(1.2);
opacity: 1;
}

100% {
transform: scale(1);
}
}
*/

/* CONTACT US PAGE */
.contacttitle{
font-size:14px;
font-weight:bold;
text-decoration:none;
color:black;
font-family: ‘Roboto Condensed’, sans-serif;
}
table.contact{
text-align:center;
width:100%;
margin-top:25px;
}
table.contact td{
padding-bottom:20px}
table.contact td:first-child{
padding-left:25px;}
table.contact td:nth-child(2){
padding-right:25px}



/* STORE HOURS PAGE */
#hourswrapper {
overflow: hidden;
}
#hourscol1 {
width: 33%;
float: left;
text-align: center;
}
#hourscol2 {
width: 33%;
float: left;
text-align: center;
}
#hourscol1 {
border-right: 1px dotted rgba(45, 45, 45, .25);
}
#hourscol3 {
width: 33%;
float: left;
text-align: center;
border-left: 1px dotted rgba(45, 45, 45, .25);
}
.hoursvs {
font-weight: bold;
font-family: Tahoma;
font-size: 18px;
color: #333333;
margin-bottom: 25px;
display: block;
}
.hourblock {
margin-bottom: 45px;
}
.hours {
font-size: 14px;
font-family: tahoma;
color: #333333;
display: block;
margin-bottom: 15px;
}
.hourstype {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.hoursparking {
font-size: 12px;
font-weight: bold;
color: #333333;
margin-top: 30px;
}
#hourspabout{
text-align:center;
font-size:12px;
}



/***** EVENTS AND PARTNERS PAGE *******/

#main {
color: #3C4242;
font-size: 12px;
}

#main a {
color: #3C4242;
font-size: 12px;
}

.eventsdiv {
padding: 20px;
}

.eventsp {
text-align:center;
margin: 0px;
}

.eventsspan {
font-size: 20px;
font-weight: bold;
}

.eventsspan2 {
text-decoration: underline;
}

.eventsspan3 {
font-size: 10px;
}



/************ TEXTBOOK FAQ PAGE *********/


.panel-headingFAQ {
background-color: #00386C;
padding: 18px;
cursor: pointer;
text-align: left;
}

.titleh4 {
color: #fff;
font-size: 16px;
font-weight: bold;
}

.titleh4:hover,
.titleh4:focus,
.titleh4:active {
color: #EEB211;
text-decoration: none;
}

.FAQp {
font-size: 14px;
color: #00386C;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 15px;
}



/******** ORDER BOOKS LANDING PAGE **********/

.div_content_sec {
padding: 20px 0;
}

#textagree span {
display: block;
font-size: 20px;
padding: 20px;
text-align: justify;
color:#3c4242;
}

#textagree p {
font-size: 15px;
padding: 20px;
color: #3c4242;
}

#textagree li {
font-size: 14px;
text-align: justify;
color: #3c4242;
}

#textagree ul {
padding: 20px;
}

.orderul {
list-style-type: disc;
}

.orderstrong{
color: black;
}

.fa-exclamation-circle {
color: black;
}

.orderA {
text-decoration: underline;
}


/******** RENTAL AGREEMENT PAGE ********/
.rentalh2 {
font-family: ‘Roboto Condensed’, sans-serif;
color: #333333;
}

.rentalspan {
font-family: ‘Roboto Condensed’, sans-serif;
color: black;
}


/************** INSPIRE ID PAGE *********/
#maintext, #maintext:hover{
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

#maintext a, #maintext a:hover{
font-size:15px;
font-family: ‘Roboto Condensed’, sans-serif;
color:black;
}

.inspireh2{
text-align:center;
font-family: ‘Roboto Condensed’, sans-serif;
font-size:35px;
padding-top:25px;
}

.inspirehr{
margin-top: 25px;
margin-bottom: 25px;
border: 2px solid gray;
opacity: .25;
}

div .left-half, div .right-half {
display: flex;
flex-direction: column;
}

/* Pattern styles */
.idcontainer {
display: flex;
padding-bottom:35px;
}

.left-half {
flex: 1;
padding-right:50px;
padding-left:25px;
}

.right-half {
flex: 1;
padding-right:25px;
}
/**** END INSPIREID PAGE *****/


/**** SCREEN RESIZING ***/



/*centers the parent fullscreen nav!*/
@media only screen and (min-width : 1201px) {
.navbar-nav {
display: flex;
justify-content: center;
width: 100%;
}

.navbar-nav .open .dropdown-menu > li > a {
color: #fff;
margin: 0px;
}

.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
color: #F1B20F;
text-decoration:underline;
}
}


/* change navbar toggle width - due to long navbar */
@media (max-width: 1200px) {
.navbar-header {
float: none;
border: transparent;
}

.navbar-left,.navbar-right {
float: none !important;
}

.navbar-toggle {
display: block;
}

.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}

.navbar-nav>li {
float: none;
}

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

.collapse.in{
display:block !important;
}

.navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}

.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
color: #F1B20F;
}

.nav .navbar-nav {
text-align: center;
}

.navbar-nav .open .dropdown-menu > li > a {
color: #fff;
float: none;
}

.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
color: #F1B20F;
text-deocration:underline;
}
}

@media (max-width: 767px) {
#navContainer{
margin-top:0px;
}

.navbar-nav .open .dropdown-menu > li > a {
color: #fff;
text-align: center;
}

.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
color: #F1B20F;
}
}

@media (max-width: 1000px) {
.carousel-caption {
text-align: center !important;
width: 100% !important;
padding-bottom: 0px;
}

.carousel-caption {
opacity: 1 !important;
position: relative;
}    

.carousel-control {
opacity: 1 !important;
}

.carousel-indicators {
visibility: hidden;
}

.carousel-caption::before {
display: none;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
font-weight: bold;
}

a.carouselP {
/*font-size: 1.5em !important; */
margin: 0px !important;
padding-bottom: 1px;
color: #fff; !important
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: bold;
}

.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 15%;
right: 6%;
align: left;
font-size:15px;
}

.carousel-caption .btn {
margin-bottom: 30px;
}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.carousel-caption::before {
display: none;
}

.carousel-caption a {
color: white;
font-size: 15px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: #e0ded7;
font-size: 15px;
text-decoration:none;
}

.carousel-caption h3 {
font-size: 2em !important;
margin: 0px;
}
}

@media (max-width: 767px) {
.carousel-caption::before {
display: none;
}

#logolink{
display:flex;
justify-content:center;
}

#logo{
width: auto;
height:100px;
margin-bottom: 10px;
}

#headerright{
height:102px;
margin-bottom: 55px;
}

.widthcontainer{
max-width:1170px;
margin:0 auto;
display:flex;
justify-content:center;
}

.widthcontainer>.container-fluid {
margin-top:25px;
}

#headerright>div{
display:flex;
justify-content:center;
}

.carousel {
margin-left: -20px;
margin-right: -20px;
}
}

@media (max-width: 520px) {
.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 12px;
font-weight: bold;
margin-left: 20px;
}

.carousel-caption .lead,
.carousel-caption .btn {
font-size: 10px;
}
}
@media (min-width: 768px) {
    .dropdown-menu ul.dropdown-menu {
        margin-top: -47px !important;
    }
}
@media (min-width: 513px) {
#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid #EEB211 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp:hover {
cursor: pointer;
background: #EEB211;
text-decoration: none;
color: #00386C;
font-weight: bold;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid #EEB211 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp1:hover {
cursor: pointer;
background: #EEB211;
text-decoration: none;
color: #00386C;
font-weight: bold;
}
}

@media (max-width: 512px) {
#box1{
color: #ffffff;
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: 700;
font-size: 20px;
padding-top: 2.5px;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

#box1sub{
color: #EEB211;
font-size: 14px;
font-family: ‘Roboto Condensed’, sans-serif;
margin-top: 0px;
margin-left: 15px;
margin-bottom: 0px;
}

#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #EEB211;
color: #00386C;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #EEB211;
color: #00386C;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}
}

@media (max-width: 428px) {
#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #EEB211;
color: #00386C;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #EEB211;
color: #00386C;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}
}


@media screen and (min-width: 1016px) {
.carousel-caption a {
color: white;
font-size: 20px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: #e0ded7;
font-size: 20px;
text-decoration:none;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
font-weight: bold;
}
}

@media only screen and (min-width: 1220px) {
.carousel-inner > .item {
height: auto;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100%px;
height: auto;
}

.item{
max-width: 100%;
height: auto;
}

#myCarousel{
max-width: 100%;
max-height: auto;
margin: 0 auto;
}  
}
@media only screen and (min-width: 993px) {
.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 10%;
right: 15%;
}

.underCarousel {
border-right: 5px solid white;
}

@media (min-width: 992px) {
.col-md-6 {
width: 50%;
}

.spacingbox{
margin-left:20px;
}

.underCarousel {
border-right: 5px solid white;
}
}



@media only screen and (max-width: 600px) {
.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 5%;
right: 5%;
align: left;
}
}

.cta-gold-link {
  display: block;
  margin: 0 0 1.5em 0;
  text-decoration: none;
  text-align: center;
  border: 2px solid #EEB211;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cta-gold-link a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #00386C;
  padding: 0.8em;
  outline-offset: 3px;
}
.cta-gold-link a:hover {
  text-decoration: none;
}

.cta-gold-link {
  background: #EEB211;
}
.cta-gold-link:hover {
  background: #FFF;
}