@font-face {
  font-family: 'DIN Pro';
  src: url('/css/fonts/dinpro/DINPro-Regular.eot');
  src: url('/css/fonts/dinpro/DINPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/dinpro/DINPro-Regular.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/dinpro/DINPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/dinpro/DINPro-Regular.svg#DINPro') format('svg');
  font-style: normal;
  font-weight: 400;
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: 'DIN Pro';
  src: url('/css/fonts/dinpro/DINPro-Medium.eot');
  src: url('/css/fonts/dinpro/DINPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/dinpro/DINPro-Medium.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/dinpro/DINPro-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/dinpro/DINPro-Medium.svg#DINPro-Medium') format('svg');
  font-style: normal;
  font-weight: 500;
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: 'DIN Pro';
  src: url('/css/fonts/dinpro/DINPro-Bold.eot');
  src: url('/css/fonts/dinpro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/dinpro/DINPro-Bold.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/dinpro/DINPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/dinpro/DINPro-Bold.svg#DINPro-Bold') format('svg');
  font-style: normal;
  font-weight: 700;
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
@font-face {
  font-family: 'OpenSans';
  src: url('/css/fonts/opensans/OpenSans-Light.eot');
  src: url('/css/fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/OpenSans-Light.woff') format('woff'), url('/css/fonts/opensans/OpenSans-Light.ttf') format('truetype'), url('/css/fonts/opensans/OpenSans-Light.svg#openSans-Light') format('svg');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/css/fonts/opensans/OpenSans-Regular.eot');
  src: url('/css/fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/OpenSans-Regular.woff') format('woff'), url('/css/fonts/opensans/OpenSans-Regular.ttf') format('truetype'), url('/css/fonts/opensans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/css/fonts/opensans/OpenSans-Semibold.eot');
  src: url('/css/fonts/opensans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/OpenSans-Semibold.woff') format('woff'), url('/css/fonts/opensans/OpenSans-Semibold.ttf') format('truetype'), url('/css/fonts/opensans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/css/fonts/opensans/OpenSans-Bold.eot');
  src: url('/css/fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/OpenSans-Bold.woff') format('woff'), url('/css/fonts/opensans/OpenSans-Bold.ttf') format('truetype'), url('/css/fonts/opensans/OpenSans-Bold.svg#openSans-Bold') format('svg');
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 1071px) {
  #sign-in div{
    /*
    position: fixed !important;
    top: -31px !important;
    right:  0px !important;

    margin: 0px !important;

    display: none;
    */
  }
  .primary-nav .nav > li > a, .primary-nav .nav > li > a:hover {
    margin: 0px 5px !important;
  }
  
  #linkBar #menu-primary-nav {
    width: 600px !important;
  }
  
  #container, .site-header {
    width: 100% !important;
    max-width: 100% !important;
  }
  #sub-head {
    background-size: auto 320px !important;
  }
  
    #otoy_logo_backg {
    position: relative;
    top: -5px;
    }
    
  .site-header::after {
    background-image: none !important;
  }
  
    #primary-nav-menu {
        position: relative;
        left: -35px;
    }

}

@media (max-width: 896px) {
  #sign-in div{
    display: none;
  }
    
   .site-header {
    /* height: 50px !important; */
  }
  
  #mobileNav_header_toggle {
    display: block !important;
    z-index: 2000;
  }
  /*
  #otoy_logo_backg {
    top: -8px;
    margin: auto;
    height: 35px;

    position: relative;
  }
  */
  
  #linkBar {
    display: none !important;
  }
  
  #sidebar_fixed {
    display: none;
  }
  
  .middle {
        margin-left: 3px !important;
    }
  
  #sideNav_button {
    display: block !important;
  }
  
  #sub-head-logo {
    left: 10px !important;
    top: 80px !important;
  }
  
    #sub-head-logo div {
        width: 250px !important;
    }
  
  #sub-head-text {
    left: 125px !important;
    top: 115px !important;
    font-size: 10px;
}

  #sub-head {
    height: 165px !important;
  }
  
  .legal-nav .nav {
    margin: none !important;
 }
  .legal-nav .nav li {
    text-align: center;
  }
  .legal-nav .nav > li {
    float: none !important;
    margin-left: 25px !important;
    }
}

@media (max-width: 946px) {
  .sitemap-nav .nav > li {
    width: 40% !important;
    float: right !important;
    padding-bottom: 30px !important;
    
    display: inline-block;
  }
}

* {
    box-sizing: border-box;
    margin: 0px;
}

hr {
    border-color: #bbb -moz-use-text-color -moz-use-text-color;
}

html {
  overflow-y: scroll;
}

svg {
    shape-rendering: geometricPrecision;
}

    .site-header {
        background: url("/images/header-bg-linkbar.png") repeat-x scroll 100% 0px transparent;
        background-size: cover;
        /*
        background-image: url("/images/header-bg-linkbar-right.png"), url("/images/header-bg-linkbar.png");
        background-repeat: no-repeat, repeat-x;
        background-color: transparent, transparent;
        */
        height: 74px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 10;
        max-width: 1168px;
    }
    
    .site-header::after, .site-header::before {
        background: transparent no-repeat 0 0;
        background-size: contain;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        top: 0;
    }
    .site-header::after {
        background-image: url('/images/header-bg-otoylogo.png');
        height: 201px;
        width: 169px;
        z-index: 1;
        pointer-events: none;
    }
    .site-header::before {
        background-image: url('/images/header-bg-gloss.png');
        height: 28px;
        top: 15px;
        width: 1241px;
    }
    
    #sub-head {
        position: relative;
        top: 0px;
        left: 0px;
        
        width: 101%; /* 101% is a fix for safari */
        height: 240px;
        overflow: hidden;
        background-image: url('/images/header-bg-banner.jpg');
        background-size: 100%;
    }
    #sub-head-logo {
        position: absolute;
        left: 120px;
        top: 130px;
    }
    #sub-head-text {
        position: absolute;
        left: 260px;
        top: 173px;
        
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 400;
        font-style: italic;
        color: #fff;
    }
    #sub-head:after {
        background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
        bottom: 0px;
        content: "";
        height: 10px;
        left: 0px;
        position: absolute;
        width: 100%;
    }
    #logo {
        position: absolute;
        z-index: 10;
        top: 14px;
        left: 15px;
        height: 110px;
        width: 111px;
        
        fill: #FFF;
    }
    .logo {
        opacity: 1 !important;
    }
    .icon svg, .icon .svgimg {
        height: 100%;
        width: 100%;
    }
    svg:not(:root) {
        overflow: hidden;
    }
    
    
    #header-msg-box {
        position: absolute;
        top: 70px;
        right: 0px;
        
        width: 500px;
        font-size: 16px;
        padding: 10px;
        
        background: linear-gradient(-45deg, rgba(255, 230, 230, 0.8) 54%, rgba(255, 240, 240, 0.8) 54%) repeat scroll 0% 0% transparent;
        
        border-right: none;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    #header-msg-box  h1 {
        color: #D50708;
        
        font-family: "Titillium Web",Verdana,Helvetica,sans-serif;
        font-size: 20px;
        padding: 0px;
    }
    
    #header-msg-box  a {
        color: #3497CB;
    }
    
    
    .footer-decoration:before {
        background: none repeat scroll 0% 0% #E2E2E2;
        left: 65px;
    }
    
    .footer-decoration:before {z-index: 5;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        bottom: 0px;
        content: "";
        height: 2000px;
        position: absolute;
        width: 100%;
    }
    
    *:before, *:after {
        box-sizing: border-box;
    }
    
    .footer-decoration {
        background: none repeat scroll 0% 0% #EBEBEB;
        bottom: 0px;
        height: 100%;
        left: 0px;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: -2;
    }
    
    #otoy_footer:before {
    background: url("/images/footer-bg-decoration.png") no-repeat scroll 0px 0px / contain transparent;
    content: "";
    display: block;
    height: 142px;
    left: 0px;
    margin: auto;
    position: absolute;
    top: 0px;
    width: 67px;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #a7acb3;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
}

.sitemap-nav ul a:hover {
    color: #A7ACB3 !important;
    text-decoration: none;
}
.sitemap-nav ul a:focus {
    color: #7E8590 !important;
    text-decoration: none;
}
    
    .feature-nav li, .product-nav li, .filter-nav li {
        border-bottom: 2px solid #DADADA;
        margin: 0px;
    }
    .feature-nav ul, .product-nav ul, .filter-nav ul {
        list-style: outside none none;
    }
    .feature-nav a, .product-nav a, .filter-nav a {
        color: #333;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
        display: block;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.125em;
        line-height: 1;
        padding: 9px 5px 9px 35px;
        position: relative;
    }
    a {
        color: #3497CB;
        text-decoration: none;
    }
    a {
        background-color: transparent;
    }
    .feature-nav .icon, .product-nav .icon, .filter-nav .icon {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
        fill: #B5B5B5;
        height: 20px;
        left: 0px;
        position: absolute;
        top: 7px;
        width: 20px;
    }
    .icon.icon-login {
        height: 11px;
        width: 17px;
    }
    
    .icon_svg {
        display: inline-block;
        line-height: 1px;
        vertical-align: middle;
    }
    
    body {
        font-family: "OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 16px;
        line-height: 1.42857;
        color: #333;
        text-rendering: optimizelegibility;
        background: url("/images/body-bg.png") no-repeat fixed center top transparent;
    }
    
    #linkBar {
        position: relative;
        top: -9px;
        left: 181px;
    }
    
    primary-nav{
        overflow: hidden;
    }
    
    .box {
        box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
        background: none repeat scroll 0% 0% #FFF;
        border-radius: 2px;
        padding: 10px;
        text-align: center;
        
        color: #333C48;
        display: inline-block;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 300;
        
        font-family: "OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #333;
    }
    
    .inv_box {
        padding: 10px;
        text-align: center;
        
        color: #333C48;
        display: inline-block;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 300;
    }
    
    h1 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 15px;
        text-rendering: optimizelegibility;
        
    }
    
    .inv_box form table tr td, .box form table tr td {
        padding-bottom: 5px;
        padding-left: 5px;
        font-size: 15px;
    }
    
    a {
        /* font-size: 14px; */
        font-weight: normal;
    }
    li {
        /*list-style: none !important; disabled as it conflicts with forum*/
    }
    
    .leftMenu {
        float: left;
        width: 195px;
    }
    
    
.gradient, a.button, .button a, input.button, .feature h4, .meta, input[type="button"], input[type="submit"], span.button, .blockhead {
    background: -webkit-linear-gradient(top, #d15858, #c14a4a);
    background: linear-gradient(to bottom, #d15858 0%, #c14a4a 100%) repeat scroll 0% 0% transparent;
}

.button_style, a.button, .button a, input.button, input[type="button"], input[type=reset], input[type="submit"], span.button {
    display: inline-block;
    padding: 6px 20px;
    background: -webkit-linear-gradient(top, #d15858, #c14a4a);
    background: linear-gradient(to bottom, #D15858 0%, #C14A4A 100%) repeat scroll 0% 0% transparent;
    color: #FFF;
    border: medium;
    font-weight: 700;
    box-shadow: 0px 17px 2px rgba(255, 255, 255, 0.2) inset, 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    box-sizing: border-box;
    text-decoration: none;
}

.button_style.hover, .button_style:hover, a.button:hover, .button a:hover, input.button:hover, input[type=button].hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover ,  span.button:hover{
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
    color: rgba(255,255,255,0.7);
    cursor:pointer;
    
    text-decoration: none;
}

.button_style[disabled], .button_style[disabled]:hover, .button_style[disabled]:focus, .button_style[disabled]:active {
    background-color: #5E1D1D;
    
    background: -webkit-linear-gradient(top, #B33737, #5E1D1D);
    background: linear-gradient(to bottom, #B33737 0%, #5E1D1D 100%) repeat scroll 0% 0% transparent;
    
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    
    color: #ccc;
    cursor: default;
    opacity: 0.25;
}

.button_grey, .button_grey a, input[type="reset"], input[type=reset] a {
    background: #7D7D7D !important;
    color: #FFF !important;
}

.button_grey[disabled], .button_style[disabled].hover, .button_grey[disabled]:hover, .button_grey[disabled]:focus, .button_grey[disabled]:active {
    background: #4A4A4A !important;
    color: #ccc !important;
}

/* New Buttons
.button_style, a.button, .button a, input.button, input[type="button"], input[type=reset], input[type="submit"], span.button {
    padding: 6px 12px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;

    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    text-decoration: none;
    text-rendering: optimizelegibility;

    border: 1px solid transparent;
    border-color: #333;
    border-radius: 4px;

    transition: all 150ms ease-in-out 0s;

    background-image: none;
    background-color: #EFEFEF;
    box-shadow: none;


    cursor: pointer;
    -moz-user-select: none;
}

.button_style.hover, .button_style:hover, a.button:hover, .button a:hover, input.button:hover, input[type=button].hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover ,  span.button:hover{
    border-color: transparent;
    color: #FFF;

    background-color: #0080FD;
    background: linear-gradient(135deg, #0080FD 0px, #0080FD 50%, #1F8FFB 51%, #1F8FFB 100%) repeat scroll 0% 0% transparent;
    box-shadow: none;
}

.button_style[disabled], .button_style[disabled]:hover, .button_style[disabled]:focus, .button_style[disabled]:active, .button a[disabled], .button a[disabled]:hover, .button a[disabled]:focus, .button a[disabled]:active, input.button[disabled], input.button[disabled]:hover, input.button[disabled]:focus, input.button[disabled]:active {
    background: transparent;
    background-color: #BABABA;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;

    border-color: #333;

    color: #000;
    cursor: default;
    opacity: 0.4;
    box-shadow: none;
}

.button_grey, .button_grey a, input[type="reset"], input[type=reset] a {
    background-color: #CECECE;
}

.button_grey[disabled], .button_style[disabled].hover, .button_grey[disabled]:hover, .button_grey[disabled]:focus, .button_grey[disabled]:active {
    background-color: #CECECE;
}
*/

.button_small {
    height: 24px;
    font-size: 12px;
    line-height: 100%;
    padding: 5px;
}

.button_tiny{
    position: relative;
    top: -2px;
    
    height: 20px;
    font-size: 10px;
    line-height: 100%;
}

.button_cross {
    padding: 4px !important;
    height: 15px !important;
    line-height: 3px;
}

input, textarea{
    background-color: #eee;
}

input:disabled , textarea:disabled{
    background-color: #ccc;
}

input[type="text"], input[type="password"], textarea, input.cat_textbox, textarea.cat_listbox, select.cat_listbox, select {
    border: medium;
    padding: 3px 6px;
    font-size: 13px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    margin-bottom: 3px;
}

label {
    font-weight: 500;
}

/* Navbar TEST */
element {
}
.primary-nav {
    float: left;
    margin: 0px;
    position: relative;
    z-index: 2;
}
.navbar {
    border-radius: 0px;
    border: medium;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    position:relative;
    top:1px;
    left:1px;
}
.navbar {
    border-radius: 4px;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 22px;
    border: 1px solid transparent;
}
article, aside, details, figcaption, figure, #otoy_footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.primary-nav .navbar-collapse {
    padding: 0px;
}
.primary-nav .primary-nav-menu {
    float: left;
    margin-top: 18px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
.navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0px;
    overflow: visible !important;
}
.navbar-collapse {
    width: auto;
    border-top: 0px none;
    box-shadow: none;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
}
.collapse {
    display: none;
    visibility: hidden;
}
.navbar-nav {
    float: left;
    margin: 0px;
}
.navbar-nav {
    margin: 7px -15px;
}
.nav {
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: outside none none;
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 11px;
    padding-left: 10px;
}
.navbar-nav > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}
.primary-nav .nav > li > a {
    color: #FFF;
    font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    margin: 0px 13px;
    text-shadow: 0px 2px 0px rgba(152, 0, 0, 0.15);
    padding: 10px;
    font-size: 1.0625em;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-nav > li > a {
    text-shadow: none;
}
.navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.navbar-nav a {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
}

.primary-nav .nav > li.current-menu-item a::after,
.primary-nav .nav > li.current-menu-parent a::after {
  height: 6px;
}
.primary-nav .nav > li.open > a {
  background: #9f3434 !important;
  color: #fff !important;
}
.primary-nav .nav > li.open > a::after {
  height: 10px !important;
}
.primary-nav .nav > li > a, .primary-nav .nav > li > a:hover {
  color: #ffffff;
  font-family: 'DIN Pro', "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0 13px;
  text-shadow: 0 2px 0 rgba(152, 0, 0, 0.15);
  padding: 10px 8px;
}
.no-touch .primary-nav .nav > li > a:hover {
  color: #ffffff;
}
.primary-nav .nav > li > a::after {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #9f3434;
  bottom: -10px;
  content: '';
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.primary-nav .nav > li > a:hover::after {
  height: 6px;
}

.primary-nav .dropdown-menu > li a {
    color: #FFF;
}

.primary-nav .dropdown-menu > li a:hover {
    background: none repeat scroll 0% 0% rgba(177, 177, 177, 0.15);
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}
.navbar-nav a {
      -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.primary-nav .dropdown-menu {
    background: -webkit-linear-gradient(129deg, rgba(159, 52, 52, 0.95) 50%, rgba(178, 58, 58, 0.95) 50%);
    background: -o-linear-gradient(129deg, rgba(159, 52, 52, 0.95) 50%, rgba(178, 58, 58, 0.95) 50%);
    background: linear-gradient(129deg, rgba(159, 52, 52, 0.95) 50%, rgba(178, 58, 58, 0.95) 50%);
    background: linear-gradient(129deg, rgba(159, 52, 52, 0.95) 50%, rgba(178, 58, 58, 0.95) 50%) repeat scroll 0% 0% transparent;
    border-radius: 0px;
    border-right: medium none;
    border-width: 6px medium medium;
    border-style: solid none none;
    border-color: #9F3434 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 0.9375em;
    left: 13px;
    margin: 0px;
    top: 110%;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    list-style: outside none none;
    font-size: 16px;
    text-align: left;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
}

.nav {
    padding-left: 0px;
    list-style: outside none none;
}
.nav > li {
    position: relative;
    display: block;
}


/* Mobile Nav START */

#mobileNav_header_toggle {
    display: none;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

#mobileNav .navbar-toggle {
    float: left;
    margin: 18px 20px 17px;
    background-color: transparent !important;
    border-color: #AE3F3F;
}

#mobileNav .navbar-toggle .icon-bar {
    background-color: #AE3F3F;
}

.primary-nav .navbar-toggle {
    transition: all 150ms ease-in-out 0s;
    background: none repeat scroll 0% 0% #9F3434 !important;
    margin-top: 18px;
    z-index: 99999;
}
.navbar-default .navbar-toggle {
    border-color: #DDD;
}

.primary-nav .navbar-toggle {
    transition: all 150ms ease-in-out 0s;
    background: none repeat scroll 0% 0% #9F3434 !important;
    margin-top: 18px;
    z-index: 99999;
}

.navbar-default .navbar-toggle {
    border-color: #DDD;
}

.primary-nav .navbar-toggle .icon-bar {
    background: none repeat scroll 0% 0% #FFF;
}

.navmenu-fixed-right {
    left: auto !important;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #262626;
    border-color: #151515;
}

.primary-nav .navbar-toggle .icon-bar {
    background: none repeat scroll 0% 0% #FFF;
}

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    position: fixed;
    z-index: 1030;
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    border-radius: 0px;
}
.navmenu, .navbar-offcanvas {
    width: 200px;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    position: fixed;
    z-index: 1030;
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    border-radius: 0px;
}
.navmenu-fixed-right, .navbar-offcanvas {
    left: auto;
    right: 0px;
    border-width: 0px 0px 0px 1px;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #262626;
    border-color: #151515;
}
.navmenu-fixed-right {
    left: auto !important;
    overflow-x:hidden;
}

.navbar-brand {
    float: left;
    padding: 14px 15px;
    font-size: 20px;
    line-height: 22px;
    height: 50px;
}

#mobileNav::before, .navStyle::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    background: linear-gradient(to right, #1D1D1F 0px, rgba(38, 38, 38, 0) 5%) repeat scroll 0% 0% transparent;
}

#sideNav::before {
    background: linear-gradient(to left, #1D1D1F 0px, rgba(38, 38, 38, 0) 5%) repeat scroll 0% 0% transparent;
}

#mobileNav.navmenu-default .navmenu-nav > .active > a, #mobileNav.navbar-default .navbar-offcanvas .navmenu-nav > .active > a, #mobileNav.navmenu-default .navmenu-nav > .active > a:hover, #mobileNav.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, #mobileNav.navmenu-default .navmenu-nav > .active > a:focus, #mobileNav.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    background-color: transparent;
    color: #AE3F3F;
}

.navStyle.navmenu-default .navmenu-nav > .active > a, .navStyle.navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navStyle.navmenu-default .navmenu-nav > .active > a:hover, .navStyle.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navStyle.navmenu-default .navmenu-nav > .active > a:focus, .navStyle.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    background-color: transparent;
    color: #AE3F3F;
}

.navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
    color: #AE3F3F;
    background-color: transparent;
}
.navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    color: #AE3F3F;
    background-color: transparent;
}

.navmenu-default .navmenu-nav > .open > a, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: transparent;
    color: #AE3F3F;
}

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    color: #FFF;
}

.navmenu li {
    border-bottom: 1px solid #404040;
    border-top: 1px solid #262626;
}

.navmenu li a {
    padding: 15px 10px 15px 20px;
}

.navmenu li ul.dropdown-menu a {
    background-color: #313131;
    padding: 15px 10px 15px 30px;
    margin-left: 2px;
}
.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    color: #FFF;
}
.navmenu li a {
    padding: 15px 10px 15px 20px;
}

.navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
    background-color: transparent;
}
.navmenu li ul.dropdown-menu {
    border-bottom: 1px solid #262626;
    border-top: 1px solid #404040;
    margin: 0px;
    padding: 1px 0px;
}
.navmenu-nav.dropdown-menu {
    position: static;
    margin: 0px;
    padding-top: 0px;
    float: none;
    border: medium;
    box-shadow: none;
    border-radius: 0px;
}

.navmenu li ul.dropdown-menu::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    background: linear-gradient(to right, #1D1D1F 0px, rgba(38, 38, 38, 0) 5%) repeat scroll 0% 0% transparent;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.navmenu li ul.dropdown-menu li::before {
    background: linear-gradient(to right, #1D1D1F 0px, rgba(38, 38, 38, 0) 5%) repeat scroll 0px 0px transparent;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 4%;
    z-index: 0;
}

.navmenu li ul.dropdown-menu li {
    border-right: medium none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin: 2px 0px;
    border-left: 7px solid #AE3F3F;
    border-width: medium medium medium 7px;
    border-style: none none none solid;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #AE3F3F;
}

.dropdown-menu {
    list-style: outside none none;
    font-size: 16px;
    text-align: left;
}

/* Mobile Nav END */

.sitemap-nav {
    margin-top: 20px;
}

.sitemap-nav .sitemap-nav-menu, .legal-nav .legal-nav-menu {
    text-align: center;
}

.sitemap-nav .nav {
    display: inline-block;
    float: none;
    text-align: left;
}
.sitemap-nav .nav {
    margin: 0px;
}

.sitemap-nav .nav ul a {
    color: #7E8590;
    font-size: 0.875em;
    font-weight: 400;
}
.sitemap-nav .nav a {
    white-space: nowrap;
}
.navbar-nav a {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
}
.navbar-nav > li > a {
    text-shadow: none;
}
.sitemap-nav .nav ul {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.sitemap-nav .nav > li {
    padding: 0px 7px;
    width: 120px;
    float: left;
}

.sitemap-nav .nav > li > a {
    color: #333C48;
    display: inline-block;
    font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding: 0px;
}

.navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 22px;
    position: relative;

}
.navbar-nav a {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.legal-nav .nav > li > a {
    color: #7E8590;
    font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.875em;
    padding: 0px;
    text-shadow: none;
    line-height: 22px;
}

.legal-nav .nav > li + li {
    margin-left: 25px;
}
.legal-nav .nav > li {
    float: left;
}
.legal-nav .nav {
    display: inline-block;
    float: none;
    text-align: left;
}
.legal-nav {
    margin: auto;
    padding: 20px 0px;
}
.navbar {
    border-radius: 0px;
    border: medium;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

/* FROM HEADER.php - MIGHT NOT WORK */
/*
    #user_logon_info {
        position: absolute;
        top: 0px;
        right: 0px;

        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 1;
        text-align: right;

        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.09);
        background: -webkit-linear-gradient(left, #0F1216, #191E25);
        background-image: linear-gradient(45deg, #0F1216 50%, #191E25 50%);
        border-bottom-left-radius: 4px;
        color: #FFF;
        display: inline-block;

        padding: 5px;
    }

    #user_logon_info td {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    #user_logon_info svg {
        fill: #96494B;
    }

    #user_logon_info a {
        color: #fff;

        font-weight: 600;
        font-size: 18px;
        font-variant: small-caps;
    }
    */
    
    .sign-in-global {
        float: right;
        margin-right: 15px;
    }
    
    .sign-in-global .btn-group .icon-login-gear, .sign-in-global .btn-group .icon-login {
        height: 13px;
    }
    .icon.icon-login {
        margin-right: 7px;
    }
    .icon-login-gear img {
        width: 17px;
    }
    .sign-in-global .btn-group .icon-login img {
        width: 16px;
        height: 16px;
        margin-top: 3px;
        vertical-align: top;
    }
    
    .sign-in-global:hover .btn-group .icon-login-gear, .sign-in-global:hover .btn-group .icon-login  {
        opacity: 0.85;
    }
    
    .btn .icon {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
        bottom: 0px;
        fill: #FFF;
        left: 0px;
        margin: auto;
        position: absolute;
        top: 0px;
        width: 17px;
        
        display: inline-block;
        line-height: 1px;
        vertical-align: middle;
    }
    
    .sign-in-global a.btn .icon, .sign-in-global .dropdown-toggle .icon {
        fill: #96494B;
        margin-left: -7px;
        margin-right: 9px;
        margin-top: -4px;
        position: inherit;
    }
    
    .btn-group, .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    /*
    .sign-in-global a.btn, .sign-in-global .dropdown-toggle {
        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.09);
        background: -webkit-linear-gradient(right top, #5A5A5A, #676767);
        background: linear-gradient(45deg, #5A5A5A 50%, #676767 50%) repeat scroll 0% 0% transparent;

        border-radius: 4px;
        color: #FFF;
        display: inline-block;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 600;
        line-height: 1;
        margin-top: 25px;
        padding: 5px 13px;
        text-transform: uppercase;
        text-rendering: optimizelegibility;
    }


    .sign-in-global .btn-group.open .btn {
        background-color: #FFF;
        color: #96494B;
        background-image: none;
    }
    */
    .sign-in-global a.btn, .sign-in-global .dropdown-toggle {
        padding: 5px 13px;
        white-space: nowrap;
        display: inline-block;
        margin-top: 25px;
        
        text-align: center;
        vertical-align: middle;
        
        color: #333;
        font-size: 16px;
        font-weight: 400;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        line-height: 1;
        text-decoration: none;
        text-rendering: optimizelegibility;
        
        text-transform: uppercase;
        text-rendering: optimizelegibility;
        
        border: 1px solid transparent;
        border-color: #333;
        border-radius: 4px;
        
        transition: all 150ms ease-in-out 0s;
        
        background-image: none;
        background-color: #EFEFEF;
        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.09);
        
        
        cursor: pointer;
        -moz-user-select: none;
    }
    
    .sign-in-global a.btn:hover, .sign-in-global .dropdown-toggle:hover, .sign-in-global .btn-group.open a.btn, .sign-in-global .btn-group.open .dropdown-toggle {
        border-color: transparent;
        color: #FFF;
        
        background-color: #0080FD;
        background: linear-gradient(135deg, #0080FD 0px, #0080FD 50%, #1F8FFB 51%, #1F8FFB 100%) repeat scroll 0% 0% transparent;
        box-shadow: none;
    }
    
    
    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }
    .btn {
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  /* background: #9f3434 !important; */
    }
    
    .sign-in-global .btn-group .dropdown-menu {
        /*background-color: #212935;*/
        background-color: #F2F2F2;
        padding: 0px;
        right: -2px;
    }
    
    .sign-in-global .btn-group .dropdown-menu li a {
        padding: 10px 20px;
        color: #333;
        background-color: transparent;
    }
    
    .sign-in-global .btn-group .dropdown-menu li a:hover {
        /* background-color: #000; */
        background-color: #EEE;
    }
    
    .sign-in-global .login-hide {
        font-size: 16px;
    }
    .sign-in-global .login-hide span {
        margin-right: 12px !important;
    }
    
    .dropdown-menu-right {
        left: auto;
        right: 0px;
    }
    
    #user_name {
        display: inline-block;
        font-family: "DIN Pro","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
    }
    
    #pageContent {
        padding: 30px;
        margin-bottom: 50px;
        
        border-left: 3px black;
        border-right: 3px black;
        
        max-width: 968px;
        background: rgba(255,255,255,0.5);
        /*
        border-left: 1px black solid;
        border-right: 1px black solid;
        */
    }
    
    .pageTitle {
        font-size: 24px;
        font-weight: 800;
        margin-bottom: 15px;
    }
    
    #customers td {
        padding-bottom: 5px;
        vertical-align: top;
    }
    
    html, body{
        height: 100%;
    }

    #otoy_footer {
        position: relative;
        min-height: 140px;
        width: 100%;
        bottom: 0px;
        
        background: none repeat scroll 0% 0% #EEE;
        overflow: hidden;
    }
    
    #otoy_footer {
        z-index: 0;
    }
    
    .footer-decoration::before {
        z-index: -1;
    }
    
    #container {
        min-height: 300px;
        /*margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
    
        /* #otoy-wrapper { */
        max-width: 1170px;
        margin: auto;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
        background-color: #EBEBEB;
        
        overflow: hidden;
        /*position: absolute;*/
        top: 0px;
        
        left: 0;
        right: 0;
    }
    
    .leftMenu {
        min-height: 300px;
    }
    
    hr {
        clear: none;
    }
    .middle {
        margin-left: 200px;
    }
    
    
    
    /* Wordpress CSS from old render.otoy.com */
    

.entry {
    padding: 0 16 16 16px;
    margin-top: 2px;
}

.entry-title,
.entry-header .entry-meta {
    padding-right: 76px;
}
.entry-title {
    clear: both;
    color: #222;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: .3em;
    padding-top: 15px;
}
.entry-title,
.entry-title a {
    color: #222;
    text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    color: #1982d1;
}
.entry-meta {
    color: #666;
    clear: both;
    font-size: 12px;
    line-height: 18px;
}
.entry-meta a {
    font-weight: bold;
}
.single-author .entry-meta .by-author {
    display: none;
}
.entry-content,
.entry-summary {
    padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
    font-size: 16px;
    margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
    padding: 2px 0px 0px;
    margin: 0px 0px 2px !important;
    text-transform: none;
    border: medium;
    line-height: 125%;
    font-weight: normal;
    font-size: 16px;
}
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ddd;
    margin: 0 0 0em;
    width: 100%;
}
.entry-content th,
.comment-content th {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}
.entry-content td,
.comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}
.entry-content #s {
    width: 75%;
}
.comment-content ul,
.comment-content ol {
    margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
    margin-bottom: 0;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
    background: #777;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    float: right;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300;
    text-decoration: none;
    padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
    background: #888;
    color: #fff;
}
.entry-content .edit-link {
    clear: both;
    display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.alignleft {
    margin-bottom: 1.625em;
}

img.alignright {
    margin-bottom: 1.625em;
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

img.aligncenter {
    margin-bottom: 1.625em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p img,
.wp-caption {
    margin-top: 0.4em;
}
.wp-caption {
    background: #eee;
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
}
.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
}
.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 0 5px 40px;
    position: relative;
}
.wp-caption .wp-caption-text:before {
    color: #666;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.wp-caption img {
    border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
    //background: #eee;
    //border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
    //background: #fff;
    //border-color: #ddd;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* Comments link */
.entry-header .comments-link a {
    background: #eee url(/wordpress/images/comment-bubble.png) no-repeat;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0;
    position: absolute;
    top: 1.5em;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background-color: #1982d1;
    color: #fff;
    color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
    visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    position: absolute;
    text-transform: uppercase;
    top: -5px;
}
.entry-header hgroup .entry-title {
    padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
    padding: 20px 0 0;
}
article.format-status .entry-content {
    min-height: 65px;
}
.recent-posts .entry-header .entry-format {
    display: none;
}
.recent-posts .entry-header hgroup .entry-title {
    padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
    border-bottom: none;
    padding: 4.875em 0 0;
    position: relative;
}
.singular.page .hentry {
    padding: 3.5em 0 0;
}
.singular .entry-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
    padding-right: 0;
}
.singular .entry-header .entry-meta {
    position: absolute;
    top: 0;
    left: 0;
}
blockquote.pull {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6125em;
    margin: 0 0 1.625em;
    text-align: center;
}
.singular blockquote.pull {
    margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
    margin: 0 1.625em 0 0;
    text-align: right;
}
.singular .pull.alignleft {
    margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
    margin: 0 0 0 1.625em;
    text-align: left;
}
blockquote.pull.alignleft,
blockquote.pull.alignright {
    width: 33%;
}
.singular .pull.alignright {
    margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
    width: 33%;
}
.singular .entry-meta .edit-link a {
    bottom: auto;
    left: 50px;
    position: absolute;
    right: auto;
    top: 80px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
    display: none;
}
.singular .format-aside .entry-title {
    display: block;
}
.format-aside .entry-content {
    padding: 0;
}
.singular .format-aside .entry-content {
    padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
    display: none;
}
.singular .format-link .entry-title {
    display: block;
}
.format-link .entry-content {
    padding: 0;
}
.singular .format-link .entry-content {
    padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
    float: left;
    display: block;
    margin: .375em 1.625em 0 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
    display: none;
}
.singular .format-status .entry-title {
    display: block;
}
.format-status .entry-content {
    padding: 0;
}
.singular .format-status .entry-content {
    padding: 1.625em 0 0;
}
.format-status img.avatar {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    float: left;
    margin: 4px 10px 2px 0;
    padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
    color: #555;
    font-size: 17px;
    margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
    min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
    padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
    margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
    display: block;
    margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
    margin: 0;
    padding-bottom: 1em;
}
.indexed.format-image #otoy_footer.entry-meta {
    background: #ddd;
    overflow: hidden;
    padding: 4%;
    max-width: 96%;
}
.indexed.format-image div.entry-meta {
    display: inline-block;
    float: left;
    width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
    float: none;
    width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
    display: block;
}
.indexed.format-image #otoy_footer.entry-meta a {
    color: #444;
}
.indexed.format-image #otoy_footer.entry-meta a:hover {
    color: #fff;
}
#content .indexed.format-image img {
    border: none;
    max-width: 100%;
    padding: 0;
}
.indexed.format-image .wp-caption {
    background: #111;
    margin-bottom: 0;
    max-width: 96%;
    padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
    color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
    color: #444;
}
.indexed.format-image a:hover img {
    opacity: 0.8;
}

.questions_dl {
    font-size: 13px;
}

.questions_dl dt {
    margin-top: 25px;
    margin-bottom: 10px;
}
        
.questions_dl dd {
    margin-left: 20px;
}


/* CSS For status.otoy.com status identifier */
.color-dot {
    display: inline-block;
    
    width: 12px;
    height: 12px;
    border-radius: 50%;
    
    margin-right: 5px;
    text-align: center;
    position: relative;
    top: 6px;
    
    background-color: #bebebe;
}

.color-dot.critical {
    background-color: #e74c3c;
}
.color-dot.major {
    background-color: #e67e22;
}
.color-dot.minor {
    background-color: #f1c40f;
}
.color-dot.none {
   background-color: #2ecc71;
}


/* Bootstrap Modal Dialog override CSS */
@media (min-width: 768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
}

.modal-dialog{
    padding-top: 3%;
}

.modal-header .title {
    text-align: center;
}

.modal-details-toggle {
    margin-bottom: 10px;
}

.modal-details {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 0px;
    background-color: #fbfbfb;
    border-top: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.modal-footer .btn-group-left {
    float: left;
}

.modal-footer .btn-group-right {
    float: right;
}

.sub-header {
    max-width: 100%;
    width: 100%;

    background: transparent url("/admin/assets/custom/images/header-bg-linkbar-black.png") repeat-x scroll 100% 0px / cover;
    height: 74px;
}

.sub-header .navbar-nav {
    margin: 0px;
}

.sub-header a {
    color: #FFF;
}

.sub-header .dropdown-menu a {
    color: #333;
}

.sub-header a:hover {
    color: #23527C;
}

.disabled_style {
    box-shadow: none;
    opacity: .65;
}
@-webkit-keyframes orangePulse {
    from { -webkit-box-shadow: 0 0 0px #ffb515;     box-shadow: 0 0 0px #ffb515;}
    50% {  -webkit-box-shadow: 0 0 9px #ffb515;     box-shadow: 0 0 9px #ffb515;}
    to {   -webkit-box-shadow: 0 0 0px #ffb515;     box-shadow: 0 0 0px #ffb515;}
}
@keyframes orangePulse {
    from { -webkit-box-shadow: 0 0 0px #ffb515;     box-shadow: 0 0 0px #ffb515;}
    50% {  -webkit-box-shadow: 0 0 9px #ffb515;     box-shadow: 0 0 9px #ffb515;}
    to {   -webkit-box-shadow: 0 0 0px #ffb515;     box-shadow: 0 0 0px #ffb515;}
}
.flash_orange {
  -webkit-animation-name: orangePulse;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 2;
  
  animation-name: orangePulse;
  animation-duration: 0.25s;
  animation-iteration-count: 2;
}

.cfi-wrap {
    display: none;
    position: fixed;
    
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    
    overflow-x: hidden;
    overflow-y: hidden;

    z-index:9000;
    pointer-events: none;
}

[class|="cfi"] {
    position: absolute;
}

.cfi-r {
    background-color: #E94A3F;
}

.cfi-y {
    background-color: #FAA040;
}

.cfi-b {
    background-color: #5FC9F5;
}

.recaptchaError {
	border: 1px solid;
	border-radius: 5px;
	
	margin: 10px 0px;
	padding: 15px 50px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	
	color: #000000;
	background-color: #ff8787;
}

.btn-secondary:hover, .btn-dark:hover {
    background-color: #c5c5c5 !important;
}

#alertModal.modal-error {
    border-top: 4px solid #ff6363;
}
#alertModal.modal-error .modal-footer {
    border-top: 1px solid #ff636363;
}

.modal-backdrop.modal-error {
    background: #420909;
}