h1                  { font-weight:bold; color:#990000; letter-spacing: -1px; font-size: 32px; }
h2                  { font-size: 28px; }
h3                  { font-size: 24px; color:#990000; font-weight:bold; letter-spacing: -1px;   }


a               { color:#990000; }
a:hover         {color:black; text-decoration: underline; }



div         {box-sizing: border-box;}



.logo              { float:left; padding: 0px 0px 25px 25px;   }
.logo a              { display:inline-block;  }
.logo span              { color:white; display:block; width: 100%; text-align:right;  position: relative; top: 26px; font-size: 17px; font-style:italic; }
.logo img           { float:left; position:relative;  }
.logo p.slogan      { margin: -20px 0px 0px 200px; font-weight:400; font-style:italic; font-size: 16px; color:#c2c2c2; position:relative; }


.collapse           {  clear:both;}

.header             { background-color:#454545; padding: 0px; }
.header_inner       { max-width: 1150px; margin: 0 auto; }



.header .tollfree       { float:right; text-align:center; padding: 50px 25px 0px 25px; }
.header .tollfree p      { margin: 0px; color:#ffffff; font-size: 12px; line-height: 150%; }
.header .tollfree p span     { font-size: 24px; font-weight:bold;  }

.header .navbar         { margin: 0 auto; padding: 5px 0px; max-width: 1150px; clear:both; background-image:url('//www.orindatravel.com/images/header/nav_bg.png'); background-position: top left; background-repeat:no-repeat; }
.header .navbar ul.nav      { float:none; }
.header .navbar ul.nav li      { font-size: 16px; font-weight:normal; }
.header .navbar ul.nav li a     { color:white;}
.header .navbar ul.nav li a:hover     { color:white;}


.header .navbar ul.nav li ul.dropdown-menu     { background-color:#990000;}
.header .navbar ul.nav li ul.dropdown-menu li     { color:red;}


.offerid_outer              { max-width: 1150px; margin: 0 auto; border-top: 1px #ffffff solid; background-image:url('//www.orindatravel.com/images/header/offerid_bg.png'); background-position: top right; background-repeat: no-repeat; }
.offerid                    { float:right; margin: 12px;}
.offerid  .input-group .form-control        { max-width: 145px; border-right: 0px; }
.offerid  .input-group .btn-u           { background-color:white; border: 1px #cacaca solid; padding: 5px 10px;}
.offerid  .input-group .btn-u .fa           { color:#454545; font-size: 16px; font-weight:normal;}

.win            { float:left; padding: 15px; }
.win p          { margin: 0px; text-align:left; line-height: 110%; font-style:italic; color:#8a8a8a; font-size: 13px; font-weight:500; margin: 0px;   }
.win p span     { font-size:20px; color:#990000; font-weight:bold; font-style:normal; letter-spacing:-1px; margin-right: 10px; }










/* ------------ CONTENT ------------------------*/


.shadow             { height: 12px; border-top: 1px #cacaca solid;



}

.main                   { max-width: 1150px; margin: 0 auto 40px auto; padding: 20px 0px; }
.main p                   { font-size: 16px; font-weight:300; margin-bottom: 18px;}




.contactinfo > .ggmap                     { width: 100%; clear:both; margin: 20px 0px; }
.contactinfo > .ggmap > iframe            { width: 100%; height: 275px; margin-bottom: 0px; }



.features           { background-color: #559cbe; padding: 30px 0px; margin-bottom: 40px; }
.features > .container > .row    { padding: 12px 0px;}






.panel-group                      { border: 0px; padding: 0px;  }
.panel                      { margin: 0px; border: 0px; }
.panel-default               { margin: 0px; border: 0px; }

.panel > a > .panel-heading              { border-top: 1px #cacaca solid; padding: 12px 24px; color:#454545;

background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */




}
.panel > a > .panel-heading > h4.panel-title               { text-transform:uppercase; font-size:15px; }

.panel > a > .panel-heading:hover       { background:none; background-color:rgb(226,226,226); }
.panel > a:hover       {  text-decoration: none; }

.panel .img-responsive          { width: 100%; }


.starwood {padding:25px; border: 1px #cacaca solid;}
 .collapse a {text-decoration:none; }
 .starwood p {font-size:13px; margin-bottom:0;}
 .starwood p.more {text-align:right; color:white; }
 .starwood p.more span {background-color:black; padding:4px 8px;}
  .starwood p.more span:hover {background-color:#990000;}






.zoomer-text         { padding: 8px 20px; position: relative; top: 50%; transform: translateY(-50%);  }



.zoomer-text h2         { text-align:center; text-transform:uppercase; font-size:16px; color:black; border-bottom: 2px black solid; margin: 0px 30px 15px 30px; line-height:125%;}
.zoomer-text p         {  text-align:center; font-size: 12px; font-style:italic; color:black; }
.zoomer-text p.more         {  text-align:center; font-size: 14px; font-style:normal; color:white; }
.zoomer-text p.more a         { color:white; }
.zoomer-text p.more span        { background-color:black; display:inline-block; padding: 5px 10px; text-transform:uppercase; }


.quote                  { margin-top: 30px; padding: 20px 30px; border: 1px #cacaca solid; }
.quote p                 { text-align:center; font-size: 18px; color:black; font-style:italic; font-weight:bold; line-height: 135%;  }
.quote a                 { font-size: 18px; font-style:normal; font-weight:bold; font-size: 20px; background-color:#990000; padding: 10px 20px; margin: 0 12px; color:white; }
.quote a:hover          { text-decoration:none; background-color:black;}



.clear-fix              { clear:both; }



.contactinfo  div           { float:left; width: 50%; }
.contactinfo .gen-quote { font-size: 16px; font-weight:bold; font-style:italic;}
.contactinfo .gen-quote a { background-color:black; color:white; padding: 6px 13px;    }
.contactinfo .gen-quote a:hover {  background-color:#990000;    }


.search-open .input-group .form-control         { max-width: 200px;}










/* ------------ FOOTER ------------------------*/
.footer_inner               { max-width: 1150px; margin: 0px auto; }
.footer                     { background-color:#454545; clear:both;  }
.footer h2                  { color:white; margin-top: 10px; }
.footer h3			{color:white; font-size: 18px; font-weight:bold; letter-spacing: -1px;}
.footer p                  { margin: 3px 0px; font-size: 16px; font-weight: 300;  }
.footer a                  { color:white; }
.footer a:hover                  { color:white; text-decoration:underline; }



.footer .col70                  { float:left; width: 70% }
.footer .col30                  { float:left; width: 30%; padding-left: 20px; }
.footer .col70 .col33                  { float:left; width: 33.33%; padding: 20px; }


.footer .col30 .address         { background-color:#5f5f5f; padding: 25px }
.footer .col30 .address img     { margin-bottom: 30px; }


.footer .col30 .address .tr         { clear:both; }
.footer .col30 .address .th         { width: 35px; float:left; padding-top: 5px; }
.footer .col30 .address .td         { width: 85%; float:left; }

.footer .col30 .address .fa         { font-size: 20px; color:white; }

.footer .col30 .address .soc          { margin: 20px 0px; }
.footer .col30 .address .soc .fa         { background-color:#343434; font-size: 20px; height: 40px; width: 40px; line-height: 40px; text-align:center; color:white; }

.footer .col30 .address p         { color:#ffffff; font-size: 16px; margin: 0px 20px 12px 0px; font-weight: 300;  }
.footer .col30 .address p.hours         { font-size: 13px;  }
.footer .col30 .address p.sig           { text-align:right; margin-bottom: 0px; }
.footer .col30 .address p.sig img           { margin: 0px 12px; }



.preheader          { padding: 0px; float:right; }
.preheader ul        {float:right; margin: 0px; padding: 0px; list-style-type:none; font-size: 12px;  }
.preheader li       { margin: 0 0px 0px 0px; float:left; list-style-type:none; font-size: 12px; }
.preheader li a     { color:#858585; }





.copyright                  { padding: 30px 10px; }
.copyright p                { font-size: 12px; }
.copyright a                { color:#990000; margin: auto 8px; }


p.linkback			{ text-align:center; font-size: 10px;  }
p.linkback a			{ color:gray; }































@media screen and (max-width:1150px) {



.topbar > .container > ul.loginbar > li > a        { font-size: 12px; }
.topbar > .container > ul.loginbar > li > a:hover        { font-size: 12px; }





}






@media screen and (max-width:1000px) {

.footer .col70                  { float:none; clear:both; width: 100% }
.footer .col30                  { float:none; clear:both; width: 100%; padding-left: 0px; }

}



@media screen and (max-width:800px) {


    

.logo               { margin: 0px; clear:both; max-width: 400px;}

.logo p.slogan      { margin: 58px 0px 0px 80px; font-size: 14px;  }


.loginbar  { display:none}
.win        { display:none;}






}




@media screen and (max-width:650px) {

.logo               { margin: 0px; clear:both; max-width: 350px}
.logo p.slogan      { display:none;  }

.header .tollfree       { padding: 30px 15px 0px 10px; }


.preheader          { padding: 3px;}
.preheader li       { margin: 0 12px 0px 0px;}

    
.footer .col70 .col33 h3               { font-size: 18px; }
.footer .col70 .col33 p               { font-size: 13px; }


}







@media screen and (max-width:550px) {

.logo               { margin: 0px; clear:both; float:none; width: 100%; max-width: 100%; padding: 10px; text-align:center; }
.logo img           { float:none; }
.header .tollfree       { clear:both; width: 100%; margin: 0px; padding: 0px 0px 10px 0; }
.zoomer-text h2         { font-size:15px;}
.zoomer-text p         {  font-size: 11px; line-height:120%;}


}






@media screen and (max-width:450px) {

.footer .col70 .col33                  { float:none; clear:both; width: 100%; border-top: 1px #ffffff dotted;  }
.contactinfo div                       {  float: none; width: 100%;}
.copyright p                           { text-align:center; }

}




@media screen and (max-width:450px) {


.topbar > .container > ul.loginbar        { margin: 0px; padding: 0px; width: 100%; }
.topbar > .container > ul.loginbar > li       { width: 100%; display:block; margin: 0; padding: 0px; text-align:center; }


footer                 { font-size: 10px; }

}