/*
red color:#A61228;

BG #181C2F

dark blue #1F2D39
*/

body { background: #040707; color:#F1592A;}
.wrap { width: 100%;}  /*instead of container fluid*/

p a:last-of-type {}
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
.no-gutter > [class*='col-'] > img { padding-right:10px; padding-left:10px;}

.centText, .centred { text-align:center; }
.rightText { text-align:right; }
.left { float: left !important; }
.right { float: right !important; }
.text-area { padding: 80px 0}

.main-hr hr { border: solid #F1592A; border-width: 2px 0 0; clear: both; padding:0; margin-top: 0px; margin-bottom: 0px; height: 0; }
.nom { margin: 0}
.pt20 { padding-top:20px;}
.pt28 { padding-top:28px;} /*Header button*/
.pt30 { padding-top:30px;}

.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb60 { padding-bottom:60px;}
.plpr20 { padding-left:30px; padding-right:30px;}
.logowrap h6 { padding-top:28px; padding-right:18px;}
.footpad { padding-bottom:60px;}
.leftmarg { padding-left:40px;}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.plpr20 { padding-left:20px; padding-right:20px;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 767px) and (orientation : portrait) {

}
@media only screen and (max-width: 767px) {
.nom { margin: 0}
.pb60 { padding-bottom:30px;}
.plpr20 { padding-left:10px; padding-right:10px;}
.leftmarg { padding-left:40px;}
}

h1, h1 a, strong { font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;}
h2, th { font-family: 'Oswald', sans-serif; font-weight:500; font-style:normal;}
.btn-primary, .btn-default { font-family: 'Open Sans', sans-serif; font-weight:500; font-style:normal;}
h2.headtitle, h3, h3 a, label { font-family: 'Oswald', sans-serif; font-weight:400; font-style:normal; text-decoration:none;}
h4, h4 a { font-family: 'Open Sans', sans-serif; font-weight:500; font-style:normal;}
h5, h5 a, h5 a:hover { font-family: 'Oswald', sans-serif; font-weight:400; font-style:normal;}
h6 { font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;}
p, th, td, li, li span { font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;}
.navbar-nav li a {font-family: 'Open Sans', sans-serif; font-weight:500; font-style:normal;}
h4 a, h5 a { text-decoration: underline; }
p em { font-style:italic;}

strong { font-family: 'Open Sans', sans-serif; font-weight:500; font-style:normal;}

.caps, th, .navbar-nav li a, .btn-primary, .btn-default { text-transform:uppercase;}
h1, h2, h3, th { color:#F1592A !important;}
.navbar-nav li a { color:#040707 !important;}

h1 { font-size:36px; line-height:40px; margin-top:32px; margin-bottom:26px;}
h1 a { text-decoration:none;}
h2 { font-size:36px; line-height:44px; margin-top:0; padding-top:0; padding-bottom:10px;}
h2.headtitle { font-size:24px; line-height:24px; margin-top:0; padding-top:36px; padding-bottom:0;}
h2.brand { font-size:24px; line-height:24px; margin-top:0; padding-top:36px; padding-bottom:0;}

h2.smaller { font-size:24px; line-height:30px; margin-top:0; padding-top:0; padding-bottom:10px;}
h3 { font-size:24px; line-height:24px; margin-top:0; padding-top:0; padding-bottom:10px; border-bottom:#A22E30 solid 1px;}
h4 { font-size:18px; line-height:24px; margin:0 !important;}
h5 { font-size:18px; line-height:24px; margin:0 !important; padding-bottom:28px;}
h5 a { text-decoration: none;}
h6 { font-size:16px; line-height:18px;}
label { font-size:18px; line-height:24px;}
p, td, li span, li a, p a { font-size:17px; line-height:22px; color:#F1592A;}
li { padding-bottom:10px;}
li, label { color:#F1592A;}
h2.brand a:hover, h2.brand a{ color:#F1592A; text-decoration: none;}
h3 a:hover { color:#fff; text-decoration: none;}
h3 a, p a:hover, h6 a, h6 a:hover, li a:hover { color:#F1592A; text-decoration: none;}
.table > thead > tr > th { background-color:#52240f;}
a:hover { text-decoration: none;}

ul{ padding-left:17px; margin-bottom:0}
p.white, p.white a { color:#ffffff;}

@media only screen and (max-width: 1200px) {}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
h1 { font-size:30px; line-height:34px;}
h2 { font-size:26px; line-height:33px; margin-top:0; padding-top:0; padding-bottom:10px;}
h3 { font-size:24px; line-height:24px; padding-bottom:10px;}
h4 { font-size:15px; line-height:20px; margin:0 !important;}
h6 { font-size:15px; line-height:20px;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 767px) and (orientation : portrait) {
h1 { font-size:30px; line-height:34px; }
h2 { font-size:26px; line-height:33px; margin-top:0; padding-top:0; padding-bottom:10px;}
h3 { font-size:24px; line-height:24px; padding-top:15px; padding-bottom:10px;}
h4 { font-size:18px; line-height:22px; margin:0 !important;}
h6 { font-size:16px; line-height:18px; margin:0 !important;}
th { font-size:14px; line-height:14px;}
td { font-size:14px; line-height:14px;}
ul { padding-left:17px;}

}
@media only screen and (max-width: 767px) {
h1 { font-size:24px; line-height:28px;}
h2 { font-size:19px; line-height:23px;}
h2.smaller { font-size:19px; line-height:30px; }
.carousel-caption h2 { font-size:16px; line-height:20px; padding-top:10px;}
h3 { font-size:18px; line-height:22px; padding-top:15px; padding-bottom:10px;}
h5 { font-size:18px; line-height:24px; margin:0 !important; padding-bottom:10px;}
h6 { font-size:14px; line-height:18px;}
label { font-size:16px; line-height:22px;}
}
@media only screen and (max-width: 480px) {
h1 { font-size:20px; line-height:24px;}
h2 { font-size:19px; line-height:23px;}
h3{ font-size:17px; line-height:18px;}
p { font-size:17px; line-height:23px;}
}

@media (min-width: 1025px) {.vertical-align { display: flex; align-items: center; }}
.container-fluid .col-xs-1, .container-fluid .col-sm-1, .container-fluid .col-md-1, .container-fluid .col-lg-1,
.container-fluid .col-xs-2, .container-fluid .col-sm-2, .container-fluid .col-md-2, .container-fluid .col-lg-2,
.container-fluid .col-xs-3, .container-fluid .col-sm-3, .container-fluid .col-md-3, .container-fluid .col-lg-3,
.container-fluid .col-xs-4, .container-fluid .col-sm-4, .container-fluid .col-md-4, .container-fluid .col-lg-4,
.container-fluid .col-xs-5, .container-fluid .col-sm-5, .container-fluid .col-md-5, .container-fluid .col-lg-5,
.container-fluid .col-xs-6, .container-fluid .col-sm-6, .container-fluid .col-md-6, .container-fluid .col-lg-6,
.container-fluid .col-xs-7, .container-fluid .col-sm-7, .container-fluid .col-md-7, .container-fluid .col-lg-7,
.container-fluid .col-xs-8, .container-fluid .col-sm-8, .container-fluid .col-md-8, .container-fluid .col-lg-8,
.container-fluid .col-xs-9, .container-fluid .col-sm-9, .container-fluid .col-md-9, .container-fluid .col-lg-9,
.container-fluid .col-xs-10, .container-fluid .col-sm-10, .container-fluid .col-md-10, .container-fluid .col-lg-10,
.container-fluid .col-xs-11, .container-fluid .col-sm-11, .container-fluid .col-md-11, .container-fluid .col-lg-11,
.container-fluid .col-xs-12, .container-fluid .col-sm-12, .container-fluid .col-md-12, .container-fluid .col-lg-12 {
    position:relative; min-height:1px; padding-left:0; padding-right:0;
}
.logowrap { background-color:#030304;}
/*navbar*/
@media (min-width:1024px) {
  .navbar > .container { text-align: center;}
  .navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li { float: none; display: inline-block;	}
  .collapse.navbar-collapse { float: none; display: inline-block!important; width: auto; clear: none; border-radius: 0; }
}

.navbar, .navbar-default { margin-bottom:0 !important; padding-bottom:0 !important; background-color:#F1592A;}
.navbar-default { border: none !important; border-bottom: #040707 solid 1px !important;}/*Stops border under navbar*/
.nav-item { margin:0; }

.navbar-default .navbar-nav>li>a { color: #040707; font-size: 15px; text-transform:uppercase; margin-bottom:0 !important; padding: 15px 30px 15px 30px !important;transition: all 0.3s ease-in-out; }

.navbar-static-top { z-index: 1000; border-width: 0;}
.navbar-nav li { padding:0 !important; margin-left: -2px !important; margin-right: -2px !important; }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 12px; margin-right: 15px; margin-bottom: 8px;
  background-color: transparent; background-image: none;
  border: 0px solid transparent; border-radius: 4px;
}
.navbar-toggle:focus { outline: 0;}
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-default .navbar-toggle .icon-bar { background-color:#040707;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: transparent;}
.navbar-nav li a.current, .navbar-nav li a:hover { color: #F1592A !important; background-color:#040707 !important;}
#nav.affix { position: fixed; top: 0; width: 100%; z-index:10;}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .navbar-default .navbar-nav>li>a { font-size: 15px; padding-top:10px !important; padding-left:15px !important; padding-bottom:12px !important; padding-right:15px !important;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 767px) and (orientation : portrait) {
.navbar-default .navbar-nav>li>a { font-size: 14px; padding-top:10px !important; padding-left:12px !important; padding-bottom:12px !important; padding-right:12px !important;}
}
@media only screen and (max-width: 767px) {
.navbar-default .navbar-nav>li>a { font-size: 15px; }
.navbar-default .navbar-nav>li>a { padding-top:8px !important; padding-left:15px !important; padding-bottom:8px !important; }
.navbar-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.navbar-toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.navbar-nav li:first-of-type {padding-top:10px !important;}
.nav-item { padding-top:10px; }
.navbar-collapse { border-top: 0px solid transparent; }
}
@media only screen and (max-width: 480px) {
.navbar-default .navbar-nav>li>a { font-size: 15px; padding: 15px 20px 15px 20px !important;}
}

/*Slideshow*/
.carousel { z-index:5; margin-top:0;}
.carousel .item { width: 100%; max-width: 100% !important; /*slider width*/ max-height: auto; /*slider height*/ }
.carousel .item img { width:100%; /*img width*/ max-width: 100% !important; height:auto}
/*add some makeup*/
.carousel .carousel-control {
  background-color: #da4a18 !important;
  border: none; top: 44%;
  width:52px; height:52px;
  filter: alpha(opacity=99);
  opacity: .99; border:0;
}
.tab-content .carousel .carousel-control { background-color: #ffffff !important; opacity: .99; border:solid 0px red; }
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
  filter: none ;
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.0001) 0%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.0001) 0%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.0001) 0%);
  filter: none ;
}
.carousel-caption {
  background-color: none;
  position: absolute;
  top: 0; left: 15%;
  min-height: 100%; max-width: 390px !important; width: 390px;
  padding: 0;
  display:flex; flex-wrap: wrap; align-content:center;
  text-align:left !important;
}
.carousel-caption h2, p { flex: 1 100%;}
.carousel-control.left { right: auto; left: 40px;}
.carousel-control.right { right: 40px; left: auto;}
.carousel-control .fa-chevron-left {
  width:52px; height:52px;
  right: 10px;
  padding-left:15px; padding-bottom:17px; padding-right:13px; padding-top:14px;
  cursor: pointer;
}
.carousel-control .fa-chevron-right {
  width:52px; height:52px;
  left: 10px;
  padding-left:18px; padding-bottom:17px; padding-right:15px; padding-top:14px;
  cursor: pointer;
  }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.carousel .carousel-control { top: 44%;}
.carousel-caption { left: 8%; top: 14%; max-width: 280px !important; width: 280px;}
}
@media only screen and (min-device-width : 767px) and (orientation : portrait) {
.carouselwrap .container { padding-left: 0 !important; padding-right: 0 !important; } /*Forces carousel full width for mobile*/
.carousel .carousel-control { top: 42%; }
.carousel-caption { left: 4%; top: 14%; max-width: 280px !important; width: 280px;}
}
@media only screen and (max-width: 767px) {
.carouselwrap .container { padding-left: 0; padding-right: 0; } /*Forces carousel full width for mobile*/
.carousel .carousel-control { display:none; }
.carousel-caption {	left: 2%; max-width: 200px !important; width: 200px; }
}
@media only screen and (max-width: 480px) {
.carousel-caption { display:none }
}

label { display: block; margin-top:0; margin-bottom: 8px;}
.textField {
  border: #F1592A 1px solid ;
  background-color: #040707!important;
  width: 100%; min-height: 50px;
  padding: 12px 12px 10px;
  color: #A4A9B2;
  font-size:18px; line-height:18px; font-family: 'Open Sans', sans-serif; font-weight:400;
  box-sizing: border-box;
  outline: none;
  margin: 0; margin-bottom:10px;
  border-radius: 0;
}
.textArea {
  border: #F1592A 1px solid ;
  background-color: #040707!important;
  width: 100%; min-height: 180px;
  padding: 12px 12px 10px;
  color: #A4A9B2;
  font-size:18px; line-height:20px;  font-family: "Open Sans",sans-serif; font-weight:400;
  box-sizing: border-box;
  outline: none;
  margin: 0; margin-bottom:10px;
  border-radius: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-text-fill-color: #1A2731;
}/*Overrides Chrome webkit colours*/
.btn-default, .btn-default:focus {
  font-size:16px; line-height:16px; color: #ffffff;
  border: #F1592A solid 1px; border-radius: 0;
  background: #F1592A;
  padding: 15px; margin-top:0; margin-bottom:10px;
  min-width: 156px;
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
  cursor: pointer; outline: none;
}
.btn-default:hover { border: #F1592A solid 1px; background: #040707; }
.btn-primary, .btn-primary:focus {
  font-size:14px; line-height:14px; color: #ffffff;
  border: #F1592A solid 1px; border-radius: 0;
  background: #F1592A;
  padding: 15px; margin-top:0; margin-bottom:0;
  min-width: 156px;
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
  cursor: pointer; outline: none;
}
.btn-primary:hover { border: #F1592A solid 1px; background: #040707; }

/*Footer Styles*/
.footbg { background: #F1592A;}
footer p, footer p a {font-size:14px; line-height: 18px; color: #040707;}
footer p { font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;}
footer p { margin-left:0; margin-right:0; margin-bottom:10px;}
footer a:hover { color:#ffffff; text-decoration: none;}
@media only screen and (max-width: 767px) {
.btn-primary, .btn-primary:focus { font-size:14px; line-height:14px; min-width: 130px; }

footer p { margin-left:0; margin-right:0; margin-bottom:10px;}

}

/*Change image*/
body:after { content: 'global'; display: none;}
@media screen and (max-width: 958px) {body:after { content: 'mobile'; display:none;}}
@media screen and (min-width: 959px) {body:after { content: 'tablet'; display:none;}}
@media screen and (min-width: 1024px) {body:after { content: 'desktop'; display:none;}}

@-moz-document url-prefix() { fieldset { display: table-cell; }}
@media (max-width: 767px){

    .navbar-fixed-top {
        position: relative;
        top: auto;/* Auto position navbar top */
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height:inherit;/* Clear max-height */
    }

    body{
        padding:0px;/* No padding */
   }
}