@font-face {

    font-family: 'titan_oneregular';

    src: url('../fonts/titanone-regular-webfont.eot');

    src: url('../fonts/titanone-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/titanone-regular-webfont.woff2') format('woff2'),

         url('../fonts/titanone-regular-webfont.woff') format('woff'),

         url('../fonts/titanone-regular-webfont.ttf') format('truetype'),

         url('../fonts/titanone-regular-webfont.svg#titan_oneregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



*{webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */}

html, body{padding:0px; margin:0px; font-family:Open Sans, Arial, sans-serif !important; font-size:14px;}

img, object, embed, video {

  max-width: 100%;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

  width:100%;

}



a{color:#fdb913;}

a:hover{color:#1cbbb4;}



.tooltip{display:none !important;}



::-webkit-input-placeholder {color: #000000 !important;  font-family:Tahoma, Arial, sans-serif !important;}

:-moz-placeholder {color: #000000 !important;  font-family:Tahoma, Arial, sans-serif !important;  }

::-moz-placeholder {color: #000000 !important;  font-family:Tahoma, Arial, sans-serif !important; }

:-ms-input-placeholder {color: #000000 !important; font-family:Tahoma, Arial, sans-serif !important; }





#content h1{color:#f1590c; margin:0px; text-align:center;}

#content h2{color:#f1590c; text-transform:uppercase; margin:0px;}

#content h3{color:#f1590c; text-transform:uppercase; margin:0px;}

#content h4{color:#f1590c; }

a{text-decoration:none;}

/*=============ALIGNMENT=============*/

.alignright {float: right; margin:0px 0px 10px 10px;}

.alignleft {float: left; margin:0px 10px 10px 0px;}

.aligncenter {display:block; margin:auto;}



/*----------HEADER----------*/

#header .middle{background:#FFFFFF; }

/*----------NAVIGATION----------*/

#navigation{border-top:1px solid #f1590c; border-bottom:1px solid #f1590c;}

#navigation .middle{background:#FFFFFF;}

#headermenu{}

#headermenu ul.menu{margin:0px; padding:0px 20px; list-style:none;}

#headermenu ul.menu li{display:inline-block;padding:20px 18px; position:relative;}

#headermenu ul.menu li.item-136{padding-left:0px;}

#headermenu ul.menu li.item-164{padding-right:0px;}

#headermenu ul.menu li a{color:#000000; text-transform:uppercase; }

#headermenu ul.menu li a:hover{color:#f1590c;}

#headermenu ul.menu li.parent ul{display:none; list-style:none; padding:0px; margin:0px; position:absolute; background-clip: padding-box;  left: 0; top:62px;  min-width: 100px;  z-index: 9999999;}

#headermenu ul.menu li.parent:hover ul{display:block;}

#headermenu ul.menu li.parent ul li { display: list-item; float:none; background:#f1590c; height:auto;}

#headermenu ul.menu li.parent ul li a {clear: both; display: block; white-space: nowrap;}

#headermenu ul.menu li.parent ul li:hover{background:#000000;}

#headermenu ul.menu li.parent ul li:hover a{color:#FFFFFF;}

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

.layout-cell{text-align:center;}

.layout-cell h3{color:#f1590c; padding:10px 0px;}

.layout-cell .more a{background:#f1590c; border-radius:5px; display:inline-block; color:#FFFFFF; text-transform:uppercase; font-size:12.5px; padding:10px;}

.layout-cell .more a:hover{background:#000000;}



.layout-cell2{text-align:center;}

.layout-cell2 h3{color:#f1590c; padding:10px 0px;}



.form-horizontal fieldset{border:none; margin:0px; padding:0px;}

.form-horizontal .controls {

    margin-left: 0px;

}

.input-80{width:100%; max-width:100%;}

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

#undercontent{background:url(../images/undercontent.jpg); background-size:100%; padding-top:20px;}

#undercontent .moduletable{border:4px solid #71bace; background:#FFFFFF; padding:15px;}

#undercontent .moduletable h3{color:#f1590c; text-transform:uppercase; text-align:center; margin-top:0px;}

/*----------FOOTER----------*/

#footer{background:#363636;}

#footer .middle{padding:0px;}

#footer a{color:#00a49a;}

#footer a:hover{color:#FFFFFF;}

#footer ul{list-style:none; padding:0px; margin:0px;}

#footer #footersidebar{position:relative; width:100%; clear:both; }

#footer #footersidebar .moduletable{color:#FFFFFF;}

#footer #footersidebar .moduletable.hbhlocation{font-size:30.19px; font-weight:bold;}

#footer #footersidebar .moduletable.hbhphone{font-size:30.19px; font-weight:bold;}

#footer #footersidebar .moduletable.redskipphone{font-size:30.19px; font-weight:bold;}

#footer #footersidebar .moduletable p.businessname{height:115px;}

#footer #footersidebar .moduletable p.email{font-size:17px; background:url(../images/email.png) no-repeat; padding-left:40px;}

#footer #footersidebar .moduletable p.phone{background:url(../images/phone.png) no-repeat; padding-left:40px; }

#footer #credit{position:relative; width:100%; clear:both; padding-top:10px; min-height:40px; color:#FFFFFF;}

#footer #footercopyright{float:left; width:50%; text-align:left;}

#footer #footercredit{float:right; width:50%; text-align:right;}

/*----------MAIN----------*/

#main{padding:0px !important;}

#main .middle{background:#FFFFFF;}



/*----------PAGINATION----------*/

.pagination ul{list-style:none; margin:0px; padding:0px;}

.pagination ul li{display:inline-block; margin:5px; color:#8e8e8e;}

.pagination ul li a{border:1px solid #a1a1a1 !important; color:#8e8e8e !important; border-radius:5px; padding:10px;}

.pagination ul li span{border:1px solid #a1a1a1 !important; border-radius:5px; padding:10px; background:#e1e1e1;}



/* iPhone3/4/5, Samsung Galaxy S2/S3/S4, HTC one*/

@media only screen and (min-width: 320px) and (max-width: 478px),

(min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),

(min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5),

(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2),

(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){

  .middle{width:100%; margin:auto; padding:0px 15px;}



  /*----------HEADER----------*/  

  #header #logo1{margin:0px 0px 20px 0px; padding-top:20px;}

  #header #logo2{margin:0px 0px 20px 0px; padding-bottom:20px;}



  #homebutton{width:33%; margin:0px !important;}

  #topmenu{width:33%; margin:0px;}

    /*----------NAVIGATION----------*/
  #headermenu{background:none; font-size:12px; padding-top:20px;}
  #headermenu ul.nav{padding:0px;}
  #headermenu ul.nav li{width:50%; text-align:center; padding:10px 25px;}
  #headermenu ul.nav li.item-110, #headermenu ul.nav li.item-167{display:none;}

  /*----------SIDEBAR----------*/

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

  .com_content #content, .com_contactenhanced #content{float:none; width:100%; padding:0px;}  

  /*----------FOOTER----------*/

  #footer{height:auto;}

  #footer #footersidebar{padding:20px 0px;}

  #footer #credit{font-size:11px; height:50px; padding:10px 15px;}

}



/* HTC one*/

@media only screen and (min-width: 360px) and (max-width: 478px),

(min-device-width: 360px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),

(min-device-width: 360px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5),

(min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2),

(min-device-width: 360px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){

  /*----------NAVIGATION----------*/

  #headermenu{font-size:14px;}  

}



/* Mobile Layout: 480px and below. */

@media only screen and (min-width: 480px) and (max-width: 599px),

(min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1),

(min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5),

(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2),

(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) {  

  .middle{width:100%; margin:auto; padding:0px 15px;}

  

  #member-login h1, #member-registration h1, #user-registration h1{ font-size:30px !important;}

  /*----------HEADER----------*/  

  #header #logo1{margin:0px 0px 20px 0px; padding-top:20px;}

  #header #logo2{margin:0px 0px 20px 0px; padding-bottom:20px;}

  

  #homebutton{width:33%; margin:0px !important;}

    /*----------NAVIGATION----------*/
  #headermenu{background:none; font-size:12px; padding-top:20px;}
  #headermenu ul.nav{padding:0px;}
  #headermenu ul.nav li{width:33%; text-align:center; padding:10px 25px;}
  #headermenu ul.nav li.item-110, #headermenu ul.nav li.item-167{display:none;}

  /*----------SIDEBAR----------*/

  #sidebar-search, #sidebar-generic{display:none;}

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

  .com_content #content, .com_contactenhanced #content{float:none; width:100%; padding:0px;}

  /*----------FOOTER----------*/

  #footer{height:auto;}

  #footer #footersidebar{padding:20px 0px;}

  #footer #credit{font-size:11px; height:50px; padding:10px 15px;}  

}



/* Samsung Galaxy (portrait and landscape) ----------- */

@media only screen and (min-width : 600px) and (max-width : 767px){  

  .middle{width:100%; margin:auto; padding:0px 20px;}

  /*----------HEADER----------*/ 

  #header .middle {height: 130px;} 

  #header #logo1{float:left; margin:20px 0px; width:50%; padding-right:2%;}

  #header #logo2{float:right; margin:20px 0px; width:50%; padding-right:2%;}

  

  #homebutton{width:33%; margin:0px !important;}

    /*----------NAVIGATION----------*/

  #headermenu{background:none; font-size:14px; padding-top:20px;}
  #headermenu ul.nav{padding:0px;}
  #headermenu ul.nav li{width:33%; text-align:center; padding:10px 25px;}

  /*----------SIDEBAR----------*/

  #sidebar-search, #sidebar-generic{display:none;}

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

  .com_content #content, .com_contactenhanced #content{float:none; width:100%; padding:0px;}

  /*----------FOOTER----------*/

  #footer{height:auto;}

  #footer #footersidebar{padding:20px 0px;}

  #footer #credit{font-size:11px; height:50px; padding:10px 15px;}      

}



/* Tablet Layout Portrait ----------- */

@media only screen and (min-width : 768px) and (max-width : 960px),

(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),

(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2){  

  .middle{width:768px; margin:auto; padding:0px 20px;}

  /*----------HEADER----------*/ 

  #header .middle {height: 130px;} 

  #header #logo1{float:left; margin:20px 0px; width:50%; padding-right:2%;}

  #header #logo2{float:right; margin:20px 0px; width:50%; padding-left:2%;}

  

  #homebutton{width:33%; margin:0px !important;}

    /*----------NAVIGATION----------*/

  #headermenu{background:none; font-size:14px; padding-top:20px;}
  #headermenu ul.nav{padding:0px;}
  #headermenu ul.nav li{width:25%; text-align:center; padding:10px 25px;}

  /*----------FOOTER----------*/

  #footer{height:auto;}

  #footer #footersidebar{padding:20px 0px;}

  #footer #credit{font-size:11px; height:50px; padding:10px 15px;}  

    

}



/* Tablet Layout Landscape ----------- */

@media only screen and (min-width: 960px) and (max-width : 1024px),

(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1),

(min-device-width: 768px) and (max-device-height: 1024px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){

  #headertop a{font-size:12px;}

  

  #headermenu ul.menu li{padding:20px 20px !important;}

  #headermenu ul.menu li:first-child{padding-left:0px !important;}

  #headermenu ul.menu li:last-child{padding-right:0px !important;}

}



/* Desktop Layout: 960px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 960px){

  input[type=text]{height:38px; width: 100%;}

  input[type=password]{height:38px; width: 100%;}

  input[type=email]{height:38px; width: 100%;}

  

  .middle{width:1000px; margin:auto; padding:0px;}

  

  

  /*----------HEADER----------*/  

  #header{height:150px;}

  #header .middle{height:150px;}

  #header #logo1{float:left; margin:20px 0px;}

  #header #logo2{float:right; margin:20px 0px;}

  

  #headermenu ul.menu li{padding:20px 31px;}

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

  .layout-cell{width:33%; float:left; height:420px; padding:0px 25px; margin-bottom:25px;}

  .layout-cell:nth-child(3n+2){border-left:1px solid #f1590c; border-right:1px solid #f1590c;}

  .layout-cell2{width:25%; float:left; height:250px; padding:0px 25px; margin-bottom:25px; border-left:1px solid #f1590c;}

  .layout-cell2:nth-child(4n+1){border-left:none;}

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

  #undercontent .moduletable{width:32%; float:left; display:inline-block; min-height:475px;}

  #undercontent .moduletable:nth-child(2){margin:0px 2%; }

  /*----------FOOTER----------*/

  #footer #footersidebar .moduletable{width:32%; float:left; display:inline-block;}

  #footer #footersidebar .moduletable:nth-child(2){margin:0px 2%;}

}