/*
ASN 4.0
Slapped together by Hal Nesbitt
*/


/* -------------------------------------------------------------------

  [Table of contents]

  00. @Font-Face
  01. General style
  02. Helper classes
  03. Megamenu
  04. Headers
  05. Sliders
  06. Page Breadcrumbs
  07. Sections 
  08. Grid System
  09. Boxes 
  10. Titles
  11. Home sections (Team, Stats, Testimonials, Pricing etc)
  12. Portfolio
  13. Blog 
  14. Sidebar
  15. Shop
  16. Elements (Tabs, Buttons, Alerts, Progress Bars etc)
  17. Footers
  18. Social Icons
  19. Animations (Just a few animations from animate.css)
  20. Animsition styles (just some animations)
  21. Updates
  22. Login Form
  23. Search Page and Forms
  24. Error Pages
  25. #content Adjustments
  26. ASNv3 Elements
  27. ASNv3 Backwards Compatibility (mapping old elements to new style)
  28. Miscellaneous Additions


  [Colors]

  # background --> #f5f5f5 /* Light Grey */
  # content    --> #70727a /* Dark Grey */

  Primary:
  Dark Blue: #00468b
  Teal Blue: #008eaa
  Orange: #ff8200
  Green: #259a47

  Secondary:
  Gold: #ffb500
  Light Blue: #0077c8
  Grey Blue: #9bb8d3
  Purple: #3f2a56

  Additional:
  Light Blue, Lighter: #00accd

  [Typography]

  # content    --> Segoe UI, Lato as Google Backup
  # titles   --> Gotham, Montserrat as Google Backup
  # miscellaneous --> Raleway (Rarely used)


-------------------------------------------------------------------- */

/* *********************  @Font-Face ********************* */

/* Issue with Gotham - it was loading the local font, not the network files (note: you can check via Inspect Element > Computed tab > scroll to the bottom and it will say "Local File" or "Network Resource".)
To force the @font-face files, had to use custom names, not just "Gotham". So we are now using "GothamMedium" as the default, and GothamBook on certain elements where we want to thin them out a bit
Keeping original "Gotham" in there for reference, for now */

/* Note: this is old Gotham, and just here for reference */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?iefix') format('embedded-opentype'),
         url('fonts/Gotham-Book.woff') format('woff'),
	 url('fonts/Gotham-Book.otf') format('opentype'),
         url('fonts/Gotham-Book.ttf') format('truetype'),
         url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/Gotham-Medium-webfont.eot');
    src: url('fonts/Gotham-Medium-webfont.eot?iefix') format('embedded-opentype'),
         url('fonts/Gotham-Medium-webfont.woff2') format('woff2'),
         url('fonts/Gotham-Medium-webfont.woff') format('woff'),
         url('fonts/Gotham-Medium-webfont.ttf') format('truetype'),
         url('fonts/Gotham-Medium-webfont.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/Gotham-Book-webfont.eot');
    src: url('fonts/Gotham-Book-webfont.eot?iefix') format('embedded-opentype'),
         url('fonts/Gotham-Book-webfont.woff2') format('woff2'),
         url('fonts/Gotham-Book-webfont.woff') format('woff'),
         url('fonts/Gotham-Book-webfont.ttf') format('truetype'),
         url('fonts/Gotham-Book-webfont.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/segoeui.eot');
    src: url('fonts/segoeui.eot?iefix') format('embedded-opentype'),
         url('fonts/segoeui.woff') format('woff'),
	 url('fonts/segoeui.otf') format('opentype'),
         url('fonts/segoeui.ttf') format('truetype'),
         url('fonts/segoeui.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Pictos';
    src: url('fonts/pictos-web.eot');
    src: url('fonts/pictos-web.eot?#iefix') format('embedded-opentype'),
         url('fonts/pictos-web.woff') format('woff'),
         url('fonts/pictos-web.ttf') format('truetype'),
         url('fonts/pictos-web.svg#webfontphKv1xv9') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EntypoRegular';
    src: url('fonts/entypo-webfont.eot');
    src: url('fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo-webfont.woff') format('woff'),
         url('fonts/entypo-webfont.ttf') format('truetype'),
         url('fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EntypoRegular2';
    src: url('fonts/entypo2.eot');
    src: url('fonts/entypo2.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo2.woff') format('woff'),
         url('fonts/entypo2.ttf') format('truetype'),
         url('fonts/entypo2.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EntypoSocial';
    src: url('fonts/entypo-social.eot');
    src: url('fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo-social.woff') format('woff'),
         url('fonts/entypo-social.ttf') format('truetype'),
         url('fonts/entypo-social.svg#EntypoSocial') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* *********************  General Style ********************* */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
}
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    font-family: 'SegoeUI', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: normal;
    font-weight: 400;
    background-color: #f5f5f5;
    color: #70727a;
}

.hide, .hide-it { display: none; }
.help { cursor: help; }
.pointer { cursor: pointer; }
.highlight { background-color: #fbfb2b; }
.indent { margin-left: 20px; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.no-capitalize { text-transform: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.halffont { font-size: 0.5em; }
.oneandhalffont { font-size: 1.5em; }
.doublefont { font-size: 2em; }
.nodecorate { text-decoration: none !important; border: 0px !important; }
.nofade { opacity: 1 !important; }
.notransform { transform: none !important; }
.noshadow { text-shadow: none !important; }
.noshrink { width: auto !important; } /* apply this to things like images with alignright, to keep them from being resized smaller media query points */

/* vertical align font icons when the font is upped */
i.halffont, i.oneandhalffont, i.doublefont {
	vertical-align: middle;
}

.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;}

@media (max-width: 480px) {
	img.alignleft, img.alignright { width: 6em; }
}

/* weird bug with floated links, where they are not clickable - must have position and z-index to fix */
a.alightleft, a.alignright {
	position: relative;
	z-index: 10;
}

img.width { width: 100%; height: auto; }
img.crop { object-fit: cover; } /* Note: this should be used in conjunction with a fixed size, either inline or parent */
img.crop-thumbnail {
	width: 196px;
	height: 118px;
	object-fit: cover;
}

img.round-10 {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

img.round-20 {
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px;
}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}


/* forcing certain color */
p.white, ul.white li, li.white, span.white, i.white, a.white, h1.white, h2.white, h3.white, h4.white, h6.white, small.white, strong.white { color: #ffffff !important; }
p.black, ul.black li, li.black, span.black, i.black, a.black, h1.black, h2.black, h3.black, h4.black, h6.black, small.black, strong.black { color: #000000 !important; }
p.grey, ul.grey li, li.grey, span.grey, i.grey, a.grey, h1.grey, h2.grey, h3.grey, h4.grey, h6.grey, small.grey, strong.grey { color: #70727a !important; }
p.blue, ul.blue li, li.blue, span.blue, i.blue, a.blue, h1.blue, h2.blue, h3.blue, h4.blue, h6.blue, small.blue, strong.blue { color: #00468b !important; }
p.blue-light, ul.blue-light li, li.blue-light, span.blue-light, i.blue-light, a.blue-light, h1.blue-light, h2.blue-light, h3.blue-light, h4.blue-light, h6.blue-light, small.blue-light, strong.blue-light { color: #0077c8 !important; }
p.blue-grey, ul.blue-grey li, li.blue-grey, span.blue-grey, i.blue-grey, a.blue-grey, h1.blue-grey, h2.blue-grey, h3.blue-grey, h4.blue-grey, h6.blue-grey, small.blue-grey, strong.blue-grey { color: #9bb8d3 !important; }
p.teal, ul.teal li, li.teal, span.teal, i.teal, a.teal, h1.teal, h2.teal, h3.teal, h4.teal, h6.teal, small.teal, strong.teal { color: #008eaa !important; }
p.orange, ul.orange li, li.orange, span.orange, i.orange, a.orange, h1.orange, h2.orange, h3.orange, h4.orange, h6.orange, small.orange, strong.orange { color: #ff8200 !important; }
p.green, ul.green li, li.green, span.green, i.green, a.green, h1.green, h2.green, h3.green, h4.green, h6.green, small.green, strong.green { color: #259a47 !important; }
p.gold, ul.gold li, li.gold, span.gold, i.gold, a.gold, h1.gold, h2.gold, h3.gold, h4.gold, h6.gold, small.gold, strong.gold { color: #ffb500 !important; }
p.red, ul.red li, li.red, span.red, i.red, a.red, h1.read, h2.red, h3.red, h4.red, h6.red, small.red, strong.red { color: #ff0000 !important; }
p.red-dark, ul.red-dark li, li.red-dark, span.red-dark, i.red-dark, a.red-dark, h1.red-dark, h2.red-dark, h3.red-dark, h4.red-dark, h6.red-dark, small.red-dark, strong.red-dark { color: #8b0000 !important; }

img {
    height: auto;
    max-width: 100%;
}
mark {
    color: #fff;
    background: #ffb500;
}
hr {
    display: block;
    line-height: 25px;
    margin: 30px 0;
    position: relative;
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    letter-spacing: -1px;
    margin: 0;
    color: #303030;
}
h1 {
    font-size: 42px;
    line-height: 44px;
    margin: 0 0 40px 0;
}
h2 {
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 35px 0;
}
h3 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 28px;
    margin-bottom: 30px;
}
h4,
h5,
h6 {
    letter-spacing: normal;
    margin: 0 0 15px 0;
}
h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
p {
    margin: 0 0 20px;
}
a {
    color: #0077c8;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a:hover,
a:focus,
a:active,
.btn:hover,
.btn:focus,
.btn:active,
button:hover,
button:focus,
button:active {
	color: #9bb8d3;
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


/* anchors */
.a-inherit {
    color: inherit;
}
.a-inherit:hover {
    color: #ff8200;
}

::-moz-selection {
	text-shadow: none;
	color: #fff;
	background: #353739;
}
::selection {
	text-shadow: none;
	color: #fff;
	background: #353739;
}

iframe {
    border: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.fix-iframe-mb {
	margin-bottom:-8px;
}



/* Back to Top */
.back-to-top {
    z-index: 9999;
    position: fixed;
    bottom: -50px;
    right: 0;
    color: #fff;
    border-bottom: 40px solid #00468b;
    border-left: 40px solid transparent;
    cursor: pointer;
    -webkit-transition: all .5s ease-out; transition: all .5s ease-out;
}
.back-to-top .icon {
    position: absolute;
    top: 18px;
    left: -23px;
    font-size: 20px;
}
.back-to-top:hover {
    color: #ffffff;
    border-bottom-color: #ffb500;
    -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
}


/* Background images */
.bg-img {
    position: relative;
    -webkit-backface-visibility: visible !important;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
@media (min-width: 992px) {
    .bg-img.fixed {
        background-attachment: fixed;
    }
}



/* Background images path */
.bg-microscope { background-image:url('../images/dynamic/bg.aspx?type=microscope'); } /* dynamically pull from collection */
.bg-exhibit { background-image:url('../images/dynamic/bg.aspx?type=exhibit'); } /* dynamically pull from collection */
.bg-KW { background-image:url('../images/demo/bg53.jpg'); } /* replace with an ASPX page that randomly pulls from the collection */


/* Background Patterns */
.bg-pattern {
	position: relative;
    background-position: 50% 0;
    background-repeat: repeat;
}
.bg-texture-snow { background-image: url('../images/bg/texture/snow.jpg'); }

.shadow1 {
    background: url('../images/_global/shadow1.png') no-repeat top center;
    height: 30px;
    margin-bottom: -30px;
}
.shadow2 {
    background: url('../images/_global/shadow2.png') no-repeat top center;
    height: 60px;
    margin-bottom: -60px;
}
.shadow3 {
    background: url('../images/_global/shadow3.png') no-repeat top center;
    height: 60px;
    margin-bottom: -60px;
}

.shadow3-small {
    background: url('../images/_global/shadow3-small.png') no-repeat top center;
    height: 53px;
    margin-bottom: -53px;
}


/* Background layer */
.bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 0;
    background: #40454e;
    opacity: .6;
}
.bg-overlay.gradient-1 {
    background: -webkit-linear-gradient(left, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.9) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    background: linear-gradient(to right, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.90) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    opacity: 1;
}
.bg-overlay.gradient-2 {
    background: -webkit-linear-gradient(right, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.9) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    background: linear-gradient(to left, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.9) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    opacity: 1;
}
.bg-overlay.gradient-3 {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.20) 80%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.20) 80%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
}
.bg-overlay.gradient-4 {
    background: -webkit-linear-gradient(bottom, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.9) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    background: linear-gradient(to top, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.90) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    opacity: 1;
}
.bg-overlay.gradient-5 {
    background: -webkit-linear-gradient(top, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.9) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    background: linear-gradient(to bottom, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.90) 50%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    opacity: 1;
}

.bg-overlay.gradient-teal-top {
    background: -webkit-linear-gradient(top, rgba(0, 142, 170, 1) 0%, rgba(0, 142, 170, 0.9) 50%, rgba(0, 142, 170, 0.80) 80%, rgba(0, 142, 170, 0.70) 100%);
    background: linear-gradient(to bottom, rgba(0, 142, 170, 1) 0%, rgba(0, 142, 170, 0.90) 50%, rgba(0, 142, 170, 0.80) 80%, rgba(0, 142, 170, 0.70) 100%);
    opacity: 1;
}

.bg-overlay.gradient-purple-top {
    background: -webkit-linear-gradient(top, rgba(63, 42, 86, 1) 0%, rgba(63, 42, 86, 0.9) 50%, rgba(63, 42, 86, 0.80) 80%, rgba(63, 42, 86, 0.70) 100%);
    background: linear-gradient(to bottom, rgba(63, 42, 86, 1) 0%, rgba(63, 42, 86, 0.90) 50%, rgba(63, 42, 86, 0.80) 80%, rgba(63, 42, 86, 0.70) 100%);
    opacity: 1;
}

.bg-overlay.gradient-blue-top {
    background: -webkit-linear-gradient(top, rgba(0, 70, 139, 1) 0%, rgba(0, 70, 139, 0.9) 50%, rgba(0, 70, 139, 0.80) 80%, rgba(0, 70, 139, 0.70) 100%);
    background: linear-gradient(to bottom, rgba(0, 70, 139, 1) 0%, rgba(0, 70, 139, 0.90) 50%, rgba(0, 70, 139, 0.80) 80%, rgba(0, 70, 139, 0.70) 100%);
    opacity: 1;
}

.bg-overlay.overlay-main {
	background:#ffb500;
}
.bg-overlay.overlay-light {
	background: #fafafa;
}
.bg-overlay.video {
    background: #40454e;
}


/* Responsive canvas */
.rs-canvas {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


/* Border left bottom */
.br-bottom:after {
    content: "";
    display: block;
    height: 1px;
    width: 35px;
    border-top: 2px solid #0077c8;
    margin: 6px 0 10px;
}
.br-bottom.gold::after {
    border-top: 2px solid #ffb500;
}
.br-bottom-center::after {
    content: "";
    display: block;
    height: 1px;
    width: 35px;
    border-top: 2px solid #0077c8;
    margin: 8px auto 10px;
}
.br-bottom-center.white::after {
    border-top: 2px solid #ffffff;
}
.br-bottom-center.gold::after {
    border-top: 2px solid #ffb500;
}
.br-bottom-center.large:after {
    width: 50px;
    border-top: 2px solid #ffb500;
}
.br-left {
    border-left: 2px solid #00468b;
    padding-left: 15px;
}
.br-left.white {
    border-left: 2px solid #ffffff;
}
.simple-hr {
    border-top: 1px solid #eee;
    margin: 60px 0;
}
.simple-hr.large-hr {
    margin: 90px 0;
}
@media (max-width:767px) {
	.simple-hr.xs-small-hr {
		margin:40px 0;
	}
}
@media (max-width:991px) {
	.simple-hr.sm-small-hr {
		margin:40px 0;
	}
}

.br-top {
	border-top: 2px solid #ffb500;
}


/* Full width videos */
.video-wrapper {
    max-width: 100%;
    max-height: 450px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
@media (max-width: 767px) {
    .video-wrapper {
        max-height: 280px;
    }
}
@media (max-width: 991px) {
    .video-wrapper {
        max-height: 380px;
    }
}
@media (min-width: 1400px) {
    .video-wrapper {
        max-height: 550px;
    }
}
.video-wrapper video {
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-caption {
    position: absolute;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
#video-button {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    font-size: 30px;
}
#video-button.pause .fa:before {
    content: "\5f";
    font-family: 'ElegantIcons';
}
#video-button.play .fa:before {
    content: "\3d";
    font-family: 'ElegantIcons';
}

/* Video and video background - taken from KidneyX */
#video-featured-desc { text-transform: none; }
.video-background-container,
.video-background-container::before{
    position: absolute;
    height: 100%;
    left: 0; right: 0;
    bottom: 0; top: 0;
}
.video-background-container::before{
    content: "";
    background: rgba(0,0,0,0.7);
}
.video-background-container,
.video-background,
.video-background-container::before{
    width: 100%;
}

/* YouTube iframes and local video tags - simply wrap in .video-embed div */
.video-embed {
    position: relative;
    padding-top: 56.21%; /* 16:9 */
    height: 0;
    background-color: #fff;
    /* going for more subtle shadow
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.video-embed iframe, .video-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-thumbnail {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.video-thumbnail img {
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	width: 100%;
}

.video-thumbnail:before {
	position:absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	content: "\f01d";
	font-family: FontAwesome;
	font-size: 8em;
	color: #fff;
	opacity: .8;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.video-thumbnail:hover:before {
	color: #eee;
}

/* Generate Video Thumbnails From YouTube, Vimeo, and Local */
/* NOTE: this handles the hover play image - the height, width, and margin is dynamically set in the javascript */
.video_thumb .play { display:none; background: #000000 url('/images/_global/icon-video-play.png') center center no-repeat; position: relative; z-index: 2; opacity: 0.5;}
.video_thumb:hover .play { display:block; }

/* For the animated, we start with the overlay, and it will be removed on hover in the javascript */
.video_thumb.animated .play { display: block; }

/* Box heights fix */
@media(max-width:991px) {
    .max_height.sm_max_height .el_max_height { height: auto !important; }
}
@media (max-width: 767px) {
    .max_height.xs_max_height .el_max_height { height: auto !important; }
}


/* Align middle */
.align-middle {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* *********************  Helper Classes  ********************* */

.br0 { border-radius: 0 !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br4 {  border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important;}

.op8 {  opacity: 0.8 !important; }
.op7 { opacity: 0.7 !important; }
.op6 { opacity: 0.6 !important; }
.op5 {  opacity: 0.5 !important; }
.op4 {  opacity: 0.4 !important; }
.op2 { opacity: 0.2 !important; }

.uppercase { text-transform: uppercase; }
.montserrat { font-family: "Montserrat", 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.gotham { font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.word-wrap { word-wrap: break-word; overflow-wrap: break-word; }
.fs-small { font-size: 80% !important; }
.fs-large { font-size: 120% !important; }
.fs-15 { font-size: 15px !important; }
.line-height-1-5 { line-height: 1.5 !important; }

.relative { position: relative; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px;
}
.pull-center {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
    text-align: center;
}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }


.m0 { margin:0 !important; }
.mb0 { margin-bottom:0 !important; }
.mt0 { margin-top: 0 !important; }

.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb110 { margin-bottom: 110px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb130 { margin-bottom: 130px !important; }
.mb140 { margin-bottom: 140px !important; }
.mb150 { margin-bottom: 150px !important; }
.mb160 { margin-bottom: 160px !important; }

.mt-15 { margin-top:-15px !important; }
.mt-10 { margin-top:-10px !important; }
.mt-5 { margin-top:-5px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mr5 {  margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }

.ml5 {  margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }

.p0 { padding: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 60px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb100 { padding-bottom: 100px !important; }
.pt0 { padding-top: 0 !important; }
.pt10 { padding-top: 10px !important; }
.pt13 { padding-top: 13px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt60 { padding-top: 60px !important; }
.pt80 { padding-top: 80px !important; }
.pt100 { padding-top: 100px !important; }
.pt110 { padding-top: 110px !important; }
.pt120 { padding-top: 120px !important; }

.pr0 { padding-right: 0 !important; }
.pr20 { padding-right: 20px !important; }
.pr40 { padding-right: 40px !important; }
.pr60 { padding-right: 60px !important; }
.pr80 { padding-right: 80px !important; }
.pl0 { padding-left: 0 !important; }
.pl20 { padding-left: 20px !important; }
.pl40 { padding-left: 40px !important; }
.pl60 { padding-left: 60px !important; }
.pl80 { padding-left: 80px !important; }

.pt5 { padding-top:5px !important; }


.py5 {padding-left:5px !important; padding-right:5px !important;}
.py10 {padding-left:10px !important; padding-right:10px !important;}
.py15 {padding-left:15px !important; padding-right:15px !important;}
.py20 {padding-left:20px !important; padding-right:20px !important;}
.py40 {padding-left:40px !important; padding-right:40px !important;}


.no-border { border: none !important; }

.full-width { width: 100%; }
.full-height { height: 100%; }


/* Colors */
.color-inherit { color: inherit !important; }
.color-main { color: #00468b !important; }
.color-white { color: #fff !important; }
.color-alpha { color: rgba(250, 250, 250, 0.9); }
.color-darker {  color: #303234 !important; }
.color-dark { color: #505355 !important; }
.color-default { color: #667 !important; }
.color-grey { color: #999a9b !important; }
.color-blue { color: #00468b !important; }
.color-teal { color: #008eaa !important; }
.color-orange { color: #ff8200 !important; }
.color-green { color: #259a47 !important; }
.color-gold { color: #ffb500 !important; }
.color-blue-light { color: #0077c8 !important; }
.color-blue-grey { color: #9bb8d3 !important; }
.color-on-dark { color: #d2d4d9 !important; }
.color-on-img { color: #e2e3e4 !important }
.bg-main { background-color: #ffb500 !important; }
.bg-dark { background-color: #444648 !important; }
.bg-darker {  background-color: #303234 !important; }
.bg-dark-grey { background-color: #778888 !important; }
.bg-light-grey { background-color: #aaabac !important; }

/* Check media width for javascript*/
.check-media {
    display:none;
    width:0;
}
@media (max-width: 991px) {
    .check-media { width:991px; }
}

/* Helper classes for mobile */
@media (max-width: 767px) {

	.xs-p0 { padding: 0 !important; }
	.xs-pb0 {  padding-bottom: 0 !important; }
    .xs-pt0 {  padding-top: 0 !important; }

	.xs-m0 { margin: 0 !important; }
    .xs-mt0 { margin-top: 0 !important; }
    .xs-mb0 {  margin-bottom: 0 !important; }
    .xs-mb10 { margin-bottom: 10px !important; }

    .xs-text-center { text-align: center !important; }
    .xs-pull-left { float: left !important; }

    .xs-block { display: block; }
}


/* Helper classes for tablets */
@media (max-width: 991px) {
	.sm-p0 { padding: 0 !important; }
    .sm-pt0 { padding-top: 0 !important; }
    .sm-pb0 { padding-bottom: 0 !important; }

    .sm-m0 { margin: 0 !important; }
    .sm-mt0 {  margin-top: 0 !important; }
    .sm-mb0 { margin-bottom: 0 !important; }

    .sm-mb10 { margin-bottom: 10px !important; }
    .sm-mt10 { margin-top: 10px !important; }
    .sm-mt50 { margin-top: 50px !important; }
    .sm-mb50 { margin-bottom: 50px !important; }

    .sm-block { display: block !important; }
    .sm-pull-left {  float: left !important; }
}


/* Fixes */
.fix1 { margin-top: 3px; }



/* *********************  Megamenu  ********************* */
/* Menu */
.menu-wrapper {
    position: relative;
}
.menu-wrapper:before,
.menu-wrapper:after {
    display: table;
    content: " ";
}
.menu-wrapper:after {
    clear: both;
}
.menu {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}
.menu li {
    display: inline-block;
    float: left;
}
.menu > li > a {
    padding: 30px 21px;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    display: inline-block;
    color: #303439;
    position: relative;
    z-index: 10;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.menu > li > a:hover,
.menu > li > a:focus,
.menu > li:hover > a,
.menu > li.current > a {
    color: #0077c8 !important;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.menu > li.li-icon > a {
    padding: 30px 10px;
}
.menu > li.li-menu > a > .icon {
    font-size: 16px;
    position: relative;
    top: 3px;
}
.menu > li.li-language .img-language {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.menu-languages .img-language {
    margin-right: 15px;
}
.menu .li-separator {
	margin:4px 0;
	padding:0;
	border-top: 1px solid rgba(100,100,100,0.15);
}
.menu > li.li-settings > a > .icon {
    font-size: 10px;
}


/* Menu search form */
.menu-search {
    margin: 0;
    position: relative;
    width: 100%;
}
.menu-search input {
    width: 100%;
    height: 40px;
    padding: 5px 10px 5px 15px;
    border: none;
    background-color: transparent;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.5px;
    color: #dadde2;
    font-weight: 400;
    font-size: 10px;
    line-height: 22px;
}
.menu-search input:hover,
.menu-search input:focus,
.menu-search input:active {
    box-shadow: none;
    outline: none;
}
.menu-search ::-webkit-input-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dadde2;
    font-weight: 400;
    font-size: 10px;
}
.menu-search ::-moz-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dadde2;	
    opacity: 1;
    font-weight: 400;
    font-size: 10px;
}
.menu-search :-ms-input-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dadde2;
    font-weight: 400;
    font-size: 10px;
    padding-bottom: 5px;
}
.menu-search button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
    color: #ff8200;
    border: none;
    font-size: 13px;
}
.menu > li.li-cart .cart-count {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 18px;
    border-radius: 50%;
    color: #fff;
    background-color: #ffb500;
    position: absolute;
    right: 10px;
    top: 25px;
    text-align: center;
    padding: 0 0 0 1px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
@media (max-width:991px) {
	.menu > li.li-cart .cart-count {
		display: none;
	}
}
.megamenu.megamenu-cart {
    left: auto;
    right: 0;
    width: 350px;
    min-width: 350px;
}
.megamenu-list .li-shop-cart {
    font-size: 10px;
    margin-bottom: 25px;
    line-height: 24px;
}
.megamenu-list .li-shop-cart .price {
    color: #ffb500;
    font-size: 12px;
    display: block;
}
.megamenu-list .li-shop-cart img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 4px;
}
.megamenu-list .li-shop-cart a {
    margin-left: 70px;
    display: block;
    padding: 0;
}

.li-visible-mobile {
	display: none;
}
@media (max-width:991px) {
	.li-visible-mobile {
		display: inline-block;
		margin-left: 7px;
	}
}


/* Submenu and Megamenu */
.submenu,
.megamenu {
    position: absolute;
    background-color: rgba(41, 44, 49, 0.97);
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #c8cace;
    font-weight: 400;
    word-spacing: 1px;
    letter-spacing: 1px;
    font-size: 8.5px;
    z-index: 999999;
    display: none;
}


/* Megamenu Widgets */
.megamenu.megamenu-widgets {
	color: inherit;
	font-weight: 400;
	word-spacing: normal;
	letter-spacing: normal;
	font-size: 14px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: none;
}

/* Megamenu */
.megamenu {
    min-width: 25%;
    width: 100%;
    left: 0;
    top: 86px;
    padding: 25px 15px 5px;
}
@media (min-width: 992px) {
    .megamenu-bg {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(41, 44, 49, 0.97);
    }
    .megamenu-bg-overlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        background: rgba(41, 44, 49, 1);
        background: -webkit-linear-gradient(left, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.95) 60%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
        background: linear-gradient(to right, rgba(41, 44, 49, 1) 0%, rgba(41, 44, 49, 0.95) 60%, rgba(41, 44, 49, 0.80) 80%, rgba(41, 44, 49, 0.70) 100%);
    }
}
.submenu,
.submenu .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 190px;
}
.submenu {
    top: 86px;
}
.submenu .submenu {
    left: 190px;
    top: inherit;
}


/* Submenu */
.submenu > li {
    clear: both;
    width: 100%;
    position: relative;
}
.submenu > li > a {
    width: 100%;
    padding: 8px 15px 8px;
    display: inline-block;
    float: left;
    clear: both;
    color: inherit;
    -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
    white-space: nowrap;
}

.submenu > li > a:hover,
.submenu > li > a:focus,
.submenu > li:hover > a {
    color: #ff8200;
    text-indent: 5px;
    opacity: 0.9;
    -webkit-transition: all .3s ease-out;  transition: all .3s ease-out;
}


/* Megamenu lists */
.megamenu-list:before,
.megamenu-list:after,
.vertical-menu-list:before,
.vertical-menu-list:after {
    display: table;
    content: " ";
}
.megamenu-list:after,
.vertical-menu-list {
    clear: both;
}
.megamenu-list,
.vertical-menu-list {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    list-style: none;
}
.vertical-menu-list {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #dadde2;
    word-spacing: 1px;
    letter-spacing: 1px;
    padding: 10px 0 10px 15px;
    font-size: 9px;
}
.megamenu-list > li,
.vertical-menu-list > li {
    width: 100%;
}
.megamenu-list > li > a,
.vertical-menu-list > li > a {
    padding: 4px 0;
    display: block;
    color: inherit;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.megamenu-list > li > a:hover,
.megamenu-list > li > a:focus {
    color: #ff8200;
    text-indent: 5px;
    opacity: 0.9;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.vertical-menu-list > li > a:hover,
.vertical-menu-list > li > a:focus {
    color: #ff8200;
    text-indent: 0;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.megamenu-list > .title,
.vertical-menu-list > .title {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #d0d3d9;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 16px;
    margin: 30px 0 18px;
    border-left: 2px solid #0077c8;
}
.vertical-menu-list > .title {
    padding: 0 0 10px;
    margin: 4px 0 18px;
}
.megamenu-list > .title:first-child {
    margin: 4px 0 18px;
}


/* Megamenu widths */
.megamenu.one_four {
    width: 25%;
}
.megamenu.one_two {
    width: 50%;
}
.megamenu.two_three {
    width: 66.66%;
    left: 0;
}
.megamenu.three_four {
    width: 75%;
    left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .megamenu.one_four {
        width: 50%;
    }
    .megamenu.one_two {
        width: 70%;
    }
    .megamenu.two_three {
        width: 100%;
    }
    .megamenu.three_four {
        width: 100%;
    }
}


/* Megamenu positions */
.menu > li > .megamenu.left {
    left: 0;
}
.menu > li > .megamenu.right,
.menu > li > .submenu.right {
    right: 0;
    left: auto;
}

@media (min-width: 992px) {
    .menu > li:nth-child(2) > a {
        padding-left: 0 !important;
    }
    .menu > li:last-child > a {
        padding-right: 0 !important;
    }
    .menu > li.li-right {
    	float: right !important;
    }
}


/* Megamenu grid */
.megamenu > .row {
    width: 100%;
    margin: 0;
    position: relative;
}
.megamenu .row:before,
.megamenu .row:after,
.submenu:after,
.submenu:before {
    display: table;
    content: "";
    line-height: 0;
}
.megamenu .row:after,
.submenu:after {
    clear: both;
}
.megamenu [class*="col-"] {
    display: block;
    width: 100%;
    min-height: 1px;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.megamenu .col-1 { width: 8.33333333%; }
.megamenu .col-2 { width: 16.66666667%; }
.megamenu .col-3 { width: 25%; }
.megamenu .col-4 { width: 33.33333333%; }
.megamenu .col-5 {  width: 41.66666667%; }
.megamenu .col-6 { width: 50%; }
.megamenu .col-7 { width: 58.33333333%; }
.megamenu .col-8 { width: 66.66666667%; }
.megamenu .col-9 { width: 75%; }
.megamenu .col-10 { width: 83.33333333%; }
.megamenu .col-11 { width: 91.66666667%; }
.megamenu .col-12 {  width: 100%; }


/* Menu Icons */
.menu > li > a .icon-direction {
    margin: 1px 0 0 10px;
    font-size: 8px;
}
.menu .icon-direction {
    position: relative;
    top: -2px;
    float: right;
    display: block;
    line-height: inherit;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-size: 10px;
    font-weight: 100;
    text-align: right;
}
.menu-icon {
    margin-right: 10px;
    font-size: 13px;
    color: inherit;
    opacity: 0.7;
}


/* Toggle Menu. Note: I moved .toggle-menu-vertical outside of the ul.menu, so it can be right justified */
.menu .toggle-menu, .menu .toggle-menu-search, .toggle-menu-vertical {
    display: none;
}


/* Menu on Mobiles and Tablets */
@media (max-width: 991px) {
	.header-wrapper .navbar-right {
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		box-shadow: 4px 6px 20px rgba(0,0,0,0.3);
		border-radius: 3px;
		-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.main-header {
		z-index:9999;
		width: 100%;
		position: relative;
		-webkit-backface-visibility: hidden;
	}
	.menu {
		max-height:400px;
		overflow-y :auto;
		border-radius: 3px;
	}
	/* Toggle Menu */
    .menu > .toggle-menu, .menu > .toggle-menu-search {
        width: 35px;
        height: 50px;
        position: absolute;
        top: -80px;
        right: 0;
        cursor: pointer;
        color: #505359;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
	.toggle-menu-vertical {
		height: 65px;
		float: left;
		margin-right: 10px;
	}

    .header-floating .menu > .toggle-menu {
    	right: 30px;
    	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .header-floating .toggle-menu-vertical {
	line-height: 80px;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .header-floating .menu > .toggle-menu-search {
	right: 70px;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .menu-fixed .menu > .toggle-menu {
    	right:0;
    	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .menu-fixed .toggle-menu-vertical {
    	line-height: 60px;
    	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .menu-fixed .menu > .toggle-menu-search {
    	right: 40px;
    	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .header-dark .menu > .toggle-menu,
	.header-floating-dark .menu > .toggle-menu,
	.header-floating-transparent .menu > .toggle-menu {
		color: #dadde2;
	}
	.header-transparent .menu > .toggle-menu {
	    color: #eaecf1;
	}
    .toggle-menu .icon {
        margin: 10px 0;
        float: right;
        font-size: 24px;
    }

    .toggle-menu-vertical .icon {
 	color: #505359;
        font-size: 28px;
	vertical-align: middle;
	line-height: inherit;
    }

    .toggle-menu-search .icon {
        margin: 12px 0;
        float: right;
        font-size: 20px;
    }

	/* Logo Top position */
	.logo-top .header-wrapper .navbar-right {
		top: 15px;
	}


    .menu > li {
        display: block;
        width: 100%;
    }
    .menu > li:last-child > a {
        padding-bottom: 30px !important;
    }
    .menu > li:nth-child(2) > a {
    	padding-top: 30px !important;
    }
    .menu > li > a {
        text-transform: uppercase;
        font-size: 11px;
        color: inherit;
        display: block;
    }
    .menu > li > a,
    .menu > li.li-icon > a {
        padding: 15px;
    }

    .submenu,
    .submenu .submenu {
        width: 100% !important;
        left: 0;
        position: static !important;
        background: transparent;
        color: inherit;
        font-size: 10px;
    }
    .megamenu {
        width: 100% !important;
        position: static;
        padding: 15px 0 0 30px;
        background: transparent;
        color: inherit;
        font-size: 10px;
    }
    .megamenu-list > .title, .vertical-menu-list > .title {
    	color: inherit;
    }
    .megamenu [class*="col-"] {
        float: none;
        display: block;
        width: 100% !important;
        margin-bottom: 30px;
    }
    .megamenu .row,
    .megamenu .row:first-child [class*="col-"]:first-child {
        margin-top: 0;
    }
    .menu > li > .submenu > li > a {
        padding-left: 30px !important;
    }
    .menu > li > .submenu > li > .submenu > li > a {
        padding-left: 50px !important;
    }
    .menu > li > .submenu > li > .submenu > li > .submenu > li > a {
        padding-left: 80px !important;
    }

	.menu-light-mobiles {
		color: #505459 !important;
	}
    .menu-light-mobiles .menu {
		background-color: #f5f5f5 !important;
    }
    .menu-dark-mobiles {
    	color: #d8dade !important;
    }
    .menu-dark-mobiles .menu {
    	background-color: #292c31 !important;
    }
}

/* Menus */
@media (min-width:992px) {

	/* Update v1.3.1 */
	.menu-light .megamenu,
	.menu-light .submenu {
		background-color: #f3f3f3;
        color: #606269;
        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}
	.menu-light .megamenu-list > .title {
	    color: #505358;
	}
	.menu-light .megamenu-bg-overlay {
        background: rgba(41, 44, 49, 1);
        background: -webkit-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(250,250,250,0.95) 60%, rgba(250,250,250,0.80) 80%, rgba(250,250,250,0.70) 100%);
        background: linear-gradient(to right, rgba(250,250,250,1) 0%, rgba(250,250,250,0.95) 60%, rgba(250,250,250,0.80) 80%, rgba(250,250,250,0.70) 100%);
    }
    .menu-light .menu-search ::-webkit-input-placeholder {
	    color: #a0a3a8;
	}
	.menu-light .menu-search ::-moz-placeholder {
	    color: #a0a3a8;	
	}
	.menu-light .menu-search :-ms-input-placeholder {
	    color: #a0a3a8;
	}
	.menu-border .megamenu,
	.menu-border .submenu {
		border-top: 3px solid #0077c8;
	}
	.menu-border .submenu .submenu {
		margin-top: -3px;
	}

}


/* Fixed Menu */
.menu-fixed,
.main-header {
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.menu-fixed .main-header {
    z-index: 9999;
    width: 100%;
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden;
}
.menu-fixed .logo {
    height: 65px;
    line-height: 65px;
    max-height: 65px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.logo-top #undefined-sticky-wrapper {
	height: auto !important;
}
@media (max-width:991px) {
	.menu-fixed .navbar-right {
		top: 90px;
		-webkit-transition: all 0.3s ease-out;
	    transition: all 0.3s ease-out;
	}


	.menu-fixed-light .menu-fixed .menu > li > a {
    		color: #ffffff !important;
	}
}

@media (min-width:992px) {
    .menu-fixed .menu > li > a {
        padding: 20px;
    }
    .menu-fixed .menu > li.li-icon > a {
        padding: 20px 10px;
    }
    .menu-fixed .megamenu,
    .menu-fixed .submenu {
        top: 66px;
    }
    .menu-fixed .submenu .submenu {
        top: inherit;
    }
    .menu-fixed .logo {
        height: 65px;
        line-height: 65px;
        max-height: 65px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .menu-fixed .menu > li.li-cart .cart-count {
        right: 5px;
        top: 15px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
}


.header-floating .menu-fixed .menu-wrapper {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
/* Menu Fixed Dark */
.menu-fixed-dark .menu-fixed .main-header {
	background-color: rgba(41,44,49,0.95);
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.menu-fixed-dark .menu-fixed .menu-wrapper {
	background-color: transparent !important;
}
.menu-fixed-dark .menu-fixed .menu > li > a,
.menu-fixed-dark .menu-fixed .menu > .toggle-menu {
    color: #dadde2;
}

/* Menu Fixed Light */
.menu-fixed-light .menu-fixed .main-header,
.menu-fixed-light .menu-fixed .menu-wrapper {
	background-color: rgba(255,255,255,0.95);
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.menu-fixed-light .menu-fixed .menu-wrapper {
	background-color: transparent !important;
}
.menu-fixed-light .menu-fixed .menu > li > a,
.menu-fixed-light .menu-fixed .menu > .toggle-menu {
    	color: #505358;
}

.menu-fixed-dark .menu-fixed .logo-light,
.menu-fixed-light .menu-fixed .logo-dark {
	display: inline-block !important;
}
.menu-fixed-dark .menu-fixed .logo-dark,
.menu-fixed-light .menu-fixed .logo-light {
	display: none !important
}


@media (max-width:767px) {
	.xs-menu-wrapper-dark .menu-wrapper {
		background-color: #292c31 !important;
	}
}

/****************Floating Menu - Used to show/hide dynamically loaded side menu. Check KW2020 home page for example ******************/

#floating-menu {
	position: fixed; 
	z-index: 888;
	font-size: 2em;
	background: #ff8200;
	-webkit-border-radius: 4em; 
	-moz-border-radius: 4em; 
	border-radius: 4em;
	padding: 20px;
	color: #ffffff;
	cursor: pointer;
	height: 66px; /* note: must have explicit height when using bottom attribute and draggable, or it will stretch */
	width: 64px; 
}

#floating-menu.full {
	top: 50%;
	left: 20px;
}

	#floating-menu.mobile {
	bottom: 20px;
	left: 20px;
}

/* *********************  Headers   ********************* */

/* Logo */
.logo-wrapper {
    position: relative;
    width: 123px; /* match logo size of 123px x 43px */
    overflow: hidden;
    float: left;
}
@media (min-width:992px) {
	.logo-wrapper.logo-center {
		float: none;
		margin: 0 auto;
	}
}
.logo {
    height: 86px;
    line-height: 86px;
    max-height: 86px;
    display: block;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.logo-img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.logo-light {
    display: none;
}
.header-dark .logo-light,
.header-transparent .logo-light,
.header-floating-dark .logo-light,
.header-floating-transparent .logo-light {
	display: inline-block;
}
.header-dark .logo-dark,
.header-transparent .logo-dark,
.header-floating-dark .logo-dark,
.header-floating-transparent .logo-dark {
	display:none;
}

/* Fix margin on Navbar */
.header-wrapper .navbar-right {
    margin-right: 0 !important;
}

@media (max-width:767px) {
	.header-wrapper .container-fullwidth {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width:991px) {
	.header-wrapper .container-fullwidth {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (min-width:992px) {
	/* Full width header */
	.header-wrapper .container-fullwidth {
		padding-left: 45px;
		padding-right: 45px;
	}

	/* Center header */
	.menu-center {
		text-align: center;
	}
	.menu-center .megamenu,
	.menu-center .submenu {
		text-align: left;
	}
	.menu-center .navbar-right {
		width: 100%;
	}
	.menu-center .menu > li {
		float: none;
	}
	.menu-center .menu > li:not(.toggle-menu) {
		display: inline-block !important;
	}

	/* Menu Left */
	.header-wrapper .menu-left .navbar-right {
		float: left !important;
		width: 100%;
	}
}


/* Header Dark */
.header-dark {
    background-color: #292c31;
}

/* Header Bottom */
.header-bottom-page {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index:99;
	margin-bottom: 86px;
}


/* Transparent Menu */
.header-transparent,
.header-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header-transparent.header-transparent-dark {
	background-color: rgba(41,44,49,0.7);
}
.header-transparent.header-transparent-light {
	background-color: rgba(255,255,255,0.1);
}
.header-transparent.header-transparent-border {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* Header Floating */
/* Update v1.3.1 */
.header-floating .menu-wrapper {
	background-color: rgba(245,245,245,0.95);
	border-radius:2px;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
	padding: 0 30px;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.header-floating.header-floating-dark .menu-wrapper {
	background-color: rgba(41,44,49,0.7);
}
.header-floating.header-floating-transparent .menu-wrapper {
	background-color: rgba(255,255,255,0.1);
}



/* Header Color States */
@media (min-width:992px) {
	.header-dark .menu > li > a,
	.header-floating-dark .menu > li > a,
	.header-floating-transparent .menu > li > a {
		color: #dadde2;
	}
	.header-transparent .menu > li > a {
	    color: #eaecf1;
	}
}


/* Top bar */
.topbar {
    padding: 10px 0;
}
.topbar.topbar-border-bottom {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding:15px 0;
}
.topbar.topbar-transparent {
	color: #dadde2;
}
.topbar.topbar-dark {
	background-color: #303236;
	color: #dadde2;;
}
.topbar.topbar-main {
	background-color: #ffb500;
	color: #fff;;
}
.topbar.topbar-main .top-menu > li .icon,
.topbar.topbar-main .social-icon > li > a .icon {
	color: #fff;
	opacity: 1;
}
.topbar.topbar-light {
	border-bottom: 1px solid #eee;
}
.topbar.topbar-light .social-icon > li > a .icon {
	color: #909398;
	opacity: 1;
}

.topbar .social-icon > li > a .icon {
	color: #d0d3d8;
	font-size: 13px;
	opacity: 0.9;
}
.topbar .social-icon > li > a:hover {
	opacity:0.5;
}

/* Top Menu */
.top-menu {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.top-menu > li {
    padding: 0 10px;
    display: inline-block;
}
.top-menu > li > a {
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.5px;
    color: inherit;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.top-menu > li > a:hover,
.top-menu > li > a:focus,
.top-menu > li > a:active {
    color: #ff8200;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.top-menu > li .icon {
    margin-right: 8px;
    color: #ff8200;
}

/* on really small screens, like iPhone SE (320px width), hide the first two items */
@media (max-width: 350px) {
	.top-menu li:nth-child(1), .top-menu li:nth-child(2) {
		display: none;
	}
}



/* Vertical Menu */
.vertical-menu-wrapper {
    width: 350px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -99;
    background-color: #292c31;
    padding: 100px 50px 40px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.vertical-menu-wrapper.vertical-menu-bg {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(41, 44, 49, 0.97);
}
.vertical-menu-button {
	position: fixed;
	top:30px;
	left:30px;
	font-size: 20px;
	color: #ffb500;
	padding:8px 10px 7px;
	border-radius: 1px;
	background-color: rgba(41,44,49,0.7);
	z-index:999999;
}
.vertical-menu-button.right {
	left: auto;
	right:30px;
}
.vertical-menu-button:hover {
	background-color: rgba(41,44,49,0.9);
	color: #ffb500;
}
.vertical-menu-button:focus,
.vertical-menu-button:active {
	background-color: rgba(41,44,49,0.3);
	color: #ffb500;
}
.vertical-menu-button.vertical-menu-close {
	position: absolute;
	display: none;
	background-color: transparent;
}
@media (max-width: 991px) {
	.vertical-menu-button.vertical-menu-close {
		display: block;
	}
}
.vertical-menu-wrapper.left {
    left: -380px;
}
.vertical-menu-wrapper.right {
    right: -380px;
}
.vertical-menu-wrapper .logo {
    height: 60px;
    line-height: 60px;
    max-height: 60px;
}
.vertical-menu {
    margin-bottom: 20px;
    position: relative;
}
.vertical-menu .panel-body {
    padding: 0 0 10px;
}
.vertical-menu .panel-title {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #d0d4d8;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 400;
}
.vertical-menu .panel-title a {
    display: block;
}
.vertical-menu .panel-title:hover a,
.vertical-menu .panel-title:focus a {
    color: #ffb500;
}


/* Vertical Menu on */
.vertical-menu-on .vertical-menu-wrapper {
    z-index: 999999999; /* note: one 9 above the top-toolbar */
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.vertical-menu-on .vertical-menu-wrapper.left {
    left: 0;
}
.vertical-menu-on .vertical-menu-wrapper.right {
    right: 0;
}
.vertical-menu-on .vertical-menu-button {
	top:18px;
	left:18px;
	-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    padding:6px 8px 5px;
}
.vertical-menu-on .vertical-menu-button.right {
	left: auto;
	right:18px;
}

@media (max-width: 767px) {
	.vertical-menu-button {
		top:0;
		left:0;
		background-color: rgba(41,44,49,0.8);
	}
	.vertical-menu-button.right {
		left: auto;
		right:0;
	}
	.vertical-menu-button:hover,
	.vertical-menu-button:focus,
	.vertical-menu-button:active {
		background-color: rgba(41,44,49,0.8);
		color: #ffb500;
	}
	.vertical-menu-on .vertical-menu-button {
		top:0;
		left:0;
	}
	.vertical-menu-on .vertical-menu-button.right {
		left: auto;
		right:0;
	}
}

/* Vertical Menu Light */
.vertical-menu-wrapper.light {
    background-color: #f1f1f2;
    color: #707380;
}
.vertical-menu-wrapper.light .vertical-menu .panel-title {
    color: #65686a;
}
.vertical-menu-wrapper.light .copyright {
    color: #899a9e;
}
.vertical-menu-wrapper.light .vertical-menu-list {
    color: #65686a;
}


@media (max-width: 767px) {
    .vertical-menu-wrapper {
        width: 100%;
        box-shadow: none;
    }
    .vertical-menu-wrapper.left {
        left: -110%;
    }
    .vertical-menu-wrapper.right {
        right: -110%;
    }
}

@media (min-width:992px) {
	.vertical-menu-fixed .vertical-menu-wrapper {
		z-index:99999;
		box-shadow:none;
	}
	.vertical-menu-fixed .vertical-menu-wrapper.left {
	    left: 0;
	}
	.vertical-menu-fixed .vertical-menu-wrapper.right {
	    right: 0;
	}
	.content-fixed {
		width:100%;
		padding-left:350px;
		margin:0 auto;
	}
	.content-fixed.right {
		padding-left:0;
		padding-right:350px;
	}
	.content-fixed .container {
		width:85%;
		margin:0 auto;
	}
}

/* Staging Bar Wrapper - only show if on staging */
#staging-bar-wrapper {
	position: fixed;
	z-index: 999999999;
	top: 0;
	background: #ff8200;
	width: 100%;
	text-align: center;
	color: #ffffff;
	display: none;
}

/* Top Bar Wrapper */
.top-bar-wrapper {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 99999999; 
    background-color: #292c31;
    color: #d0d2d5;
    padding: 60px 0 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden; /* this will be set to visible after the height is dynamically set in main.js */
}
@media (max-width: 767px) {
	.top-bar-wrapper {
		position: absolute;
	}
}
.top-bar-wrapper.on {
    top: 0 !important;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.top-bar-trigger {
    position: absolute;
    right: 0;
    bottom: -40px;
    border-top: 40px solid #292c31;
    border-left: 40px solid transparent;
}
.top-bar-trigger .icon {
    color: #ff8200;
    position: absolute;
    top: -35px;
    left: -19px;
}
.top-bar-trigger-staff {
    position: absolute;
    left: 0;
    bottom: -40px;
    border-top: 40px solid #292c31;
    border-right: 40px solid transparent;
}
.top-bar-trigger-staff .icon {
    color: #ff8200;
    position: absolute;
    top: -34px;
    right: -18px;
}


/* *********************  Sliders   ********************* */
/* Revolution Slider */
.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}
.tp-banner {
    width: 100%;
    position: relative;
}
@media (max-width:991px) {
	.fullcoveredvideo .tp-video-play-button {
		display: block !important;
		z-index:9;
	}
}

.video-iframe-shadow {
	box-shadow:5px 5px 40px rgba(0,0,0,0.7) !important;
}

/* Slider Titles */
.title-slider {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #e2e3e4;
	letter-spacing: 1px;
	font-weight: 700;
}
.title-slider.xlarge {
    font-size: 55px;
    line-height: 65px;
}
.title-slider.large {
    font-size: 44px;
    line-height: 54px;
}
.title-slider.medium {
    font-size: 23px;
    line-height: 32px;
}
.title-slider.small {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
}

/* Raleway font title */
.title-slider.raleway {
	font-family: "Raleway", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Uppercased Titles */
.title-slider.uppercased {
	text-transform: uppercase;
}
.title-slider.large.uppercased {
    letter-spacing: 2px;
}
.title-slider.medium.uppercased {
    font-size: 22px;
}
.title-slider.small.uppercased {
    font-size: 13px;
}

/* Dark titles */
.title-slider.large.dark,
.title-slider.medium.dark,
.title-slider.small.dark {
    color: #303336;
    border-color: #303336;
}

@media (max-width:768px) {

	/*Note: when the slideshow gets pushed down on the front page, the background up top is white, so adjust top bar and nav bar */
	
	.front-page .header-floating .menu-wrapper {
		box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	}

	.front-page .header-floating .menu-fixed .menu-wrapper {
		box-shadow: none;
	}


	.front-page .top-menu > li > a {
		color: #00468b;
	}

	.slider-below-floating-topbar-header {
		margin-bottom: 190px;
	}
	.slider-below-floating-topbar-header:before,
	.slider-below-floating-topbar-header:after {
		display: table;
    	content: " ";
	}
	.slider-below-floating-topbar-header:after {
		clear:both;
	}
}


/* Slider Buttons */
.btn-slider	{
	display: inline-block;
	padding:16px 32px;
	border:1px solid #fff !important; /* Chrome/Edge stopped rendering it for some reason, so add !important */
	border-radius:25px;
	color:#fff;
	background-color: transparent;
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:400;
	letter-spacing: 1.5px;
	margin:1px;
	text-transform: uppercase;
	-webkit-transition:all 0.3s ease-out; 
	transition:all 0.3s ease-out;
}
.btn-slider.raleway {
	font-family:"Raleway", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
}
.btn-slider:hover, 
.btn-slider:focus, 
.btn-slider:active {
	background-color: #008eaa;
	border-color:#008eaa !important; /* add !important here, since we added it to the base */
	color:#fff;
	-webkit-transition:all 0.3s ease-out; 
	transition:all 0.3s ease-out;
}
.tp-caption .btn-slider.main,
.btn-slider.main {
	color: #ffb500;
	border-color: #ffb500;
}
.btn-slider.main:hover, 
.btn-slider.main:focus, 
.btn-slider.main:active {
	background-color: #ffb500;
	color:#fff;
}

.btn-slider.reversed {
	background-color:#ffb500;
	border-color:#ffb500;
}
.btn-slider.reversed:hover, 
.btn-slider.reversed:focus, 
.btn-slider.reversed:active {
	background-color: transparent;
	border-color:#fff;
	color:#fff;
}

.tp-caption .btn-slider,
.tp-caption .btn-slider:hover,
.tp-caption .btn-slider:focus,
.tp-caption .btn-slider:active {
	color:#fff;
}

.btn-slider.square {
	border-radius:2px;
}

/* Text Slider */
.text-slider {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #e2e3e4;
	font-weight: 400;
	font-size:14px;
}
.text-slider.raleway {
	font-family: "Raleway", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

/* Video Control */
.video-control {
	display: inline-block;
	width:40px;
	height:40px;
	color:#fff !important;
	background-color: rgba(10,10,11,0.3);
	border-radius:50%;
	padding:4px;
	text-align: center;
}
.video-control .icon {
	font-size:30px;
}



/* *********************  Page Breadcrums   ********************* */

.page-breadcrumbs {
	margin-top:100px;
    padding:0;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #e5e8ea;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
}
.page-breadcrumbs.left {
	text-align: left;
}
.page-breadcrumbs.right {
	text-align: right;
}
.page-breadcrumbs a {
    color: inherit;
}
.page-breadcrumbs a:hover,
.page-breadcrumbs a:focus,
.page-breadcrumbs a:active,
.page-breadcrumbs a.active {
    color: #ff8200;
}
.page-breadcrumbs .separator {
    margin: 0 10px;
}
.page-breadcrumbs a .icon {
	font-size:14px;
	display:inline-block;
	margin:0 5px;
	-ms-transform:translateY(3px);
	-webkit-transform:translateY(3px);
	transform:translateY(3px);
}

/* Intro Section */
.section-intro {
    position: relative;
    padding: 140px 0 10px;
}
.section-intro.breadcrumbs-right {
	padding:140px 0 120px;
}
.section-intro.breadcrumbs-right .page-breadcrumbs {
	margin-top:0;
	padding-top:5px;
	text-align: right;
}
.section-intro.intro-simple {
	padding:50px 0 45px;
	background-color: #f3f4f4;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.section-intro.intro-no-bg {
	padding:50px 0 45px;
	background-color: transparent;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.section-intro.intro-dark {
	padding:50px 0 45px;
	background-color: #303236;
	border-top:1px solid #121416;
	border-bottom:1px solid #121416;
}
.section-intro.dark-color .page-breadcrumbs,
.section-intro.dark-color .intro-title {
	color:#606469;
}
.section-intro.intro-breadcrumbs-bg {
	padding: 140px 0 0;
}
.section-intro.intro-breadcrumbs-bg .page-breadcrumbs {
	margin-top: 0;
}
.section-intro.intro-breadcrumbs-bg .breadcrumbs-bg {
	margin-top: 50px; /* original = 90px */
	padding: 20px 0 15px;
	background-color: rgba(41,44,49,0.8);
}
.section-intro.intro-small {
	padding:50px 0 45px;
}
.section-intro.intro-breadcrumbs-bg.intro-small {
	padding: 50px 0 0;
}
.section-intro.intro-breadcrumbs-bg.intro-small .breadcrumbs-bg {
	margin-top: 45px;
}

/* Make the breadscrumb sticky - just add .sticky-breadcrumb */
.sticky-breadcrumb {
	z-index: 998;
}

/* Intro Title */
.intro-title {
    font-size: 31px;
    font-weight: 400;
    color: #eaecf1;
    margin-bottom: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    word-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 0.9;
}
.intro-title.small {
    font-size: 23px;
    line-height: 28px;
}
.intro-p {
	color: #eaecf1;
	font-family:"Raleway", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: 400;
	letter-spacing: 1px;
}

.intro-with-transparent-menu { margin-bottom: 100px; }
.intro-with-transparent-menu-topbar { margin-bottom: 140px; }
.intro-with-floating-menu { margin-bottom: 140px; }
.intro-with-floating-menu-topbar { margin-bottom: 110px; } /* original = 180px */


/* Responsive Page Headers */
@media (max-width:991px) {
	.section-intro {
		padding:70px 0 10px;
	}
	.page-breadcrumbs {
		margin-top:45px;
	}
	.section-intro.breadcrumbs-right {
		padding:70px 0 60px;
	}
	.section-intro.breadcrumbs-right .page-breadcrumbs {
		margin-top:0;
		padding-top:30px;
		text-align: left;
	}
	.intro-title {
		font-size: 25px;
    		line-height: 30px;
		margin-top: 20px;
	}
	.intro-p {
		font-size:13px;
		line-height: 23px;
	}

	.section-intro.intro-breadcrumbs-bg {
		padding: 85px 0 0;
	}
	.section-intro.intro-breadcrumbs-bg .breadcrumbs-bg {
		margin-top: 50px;
	}
}





/* *********************  Sections  ********************* */

.section {
    padding: 60px 0;
    position: relative;
}
.section-bg {
    padding: 50px 0;
    margin: 60px 0;
    position: relative;
    overflow: hidden;
}
.section-page { padding: 80px 0 60px; }
.section-page-2 { padding: 40px 0 60px; }
.section-boxed { padding: 40px 30px; }
.section-boxed-2 { padding: 40px 50px; }
.section-large { padding: 80px 0; }
.section-larger { padding: 100px 0; }
.section-extra-large { padding:130px 0; }

.section-fullwidth { padding-left: 15px; padding-right: 15px; }

.section-cta { margin-bottom: 0px; }
.section-colored-boxes { margin-bottom: 50px; }

@media (max-width: 767px) {
	.section { padding: 45px 0; }
	.section-page { padding: 50px 0 30px; }
	.section-page-2 { padding: 25px 0 30px; }
	.section-boxed { padding: 25px 15px; }
	.section-boxed-2 { padding: 30px 40px; }
	.section-large { padding: 55px 0; }
	.section-larger { padding: 70px 0; }
	.section-extra-large { padding:90px 0; }
	.section-bg { padding: 40px 0; margin: 20px 0; }
}

@media (min-width: 768px) {
    .section-fullheight { height: 100%; }
}

.section-main { background-color: #ffb500; }
.section-grey { background-color: #f0f1f2; }
.section-dark { background-color: #303236; }
.section-white { background-color: #f5f5f5; }
.section-white-white { background-color: #ffffff; } /* I got lazy with the white above, so use this to actually make it white */

.section-small-slides .read-more {
	color: #00468b;
}

/* Caption overlay */
@media (min-width: 768px) {
    .section-caption {
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
}
@media (min-width: 992px) {
    .section-caption-sm {
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
}

/* Background Sections */
.section-bg .btn-bottom, .section-cta .btn-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height:70px;
	padding-top: 15px;
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 37px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align:center;
	vertical-align: middle;
	background-color: rgba(41,44,49,0.9);
	color: #c0c3c9;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section-bg .btn-bottom:hover, .section-cta .btn-bottom:hover {
	color: #fff;
	background-color: rgba(255,181,0,0.7);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.bg-half {
	width:50%;
	height:100%;
	background-color: rgba(41,44,49,0.8);
	color: #d3d8de;
	padding:90px 50px;
}
.bg-three-quarters {
	width:75%;
	height:100%;
	background-color: rgba(41,44,49,0.8);
	color: #d3d8de;
	padding: 50px;
}
.bg-half.right { margin-left:50%; }
.bg-half.bg-half-large-padding { padding: 90px; }

@media (max-width:991px) {
	.bg-half, .bg-three-quarters { width: 60%; }
	.bg-half.right { margin-left:40%; }
}

@media (max-width:767px) {
	.bg-half, .bg-three-quarters {
		width:100%;
		background-color: rgba(41,44,49,0.6);
		padding:50px 30px;
	}
	.bg-half.right { margin-left:0; }
	.bg-half.bg-half-large-padding { padding: 50px; }
}

.bg-box {
	background-color: rgba(41,44,49,0.9);
	color: #d3d8de;
	padding:40px;
	box-shadow:8px 8px 20px rgba(0,0,0,0.7);
	border-radius: 3px;
}
.bg-box.light {
	background-color: rgba(255,255,255,0.9);
	color:#505256;
}
.bg-box.light-default {
	background-color: #f5f5f5;
	color:#505256;
}


.section-overflow {
	position: relative;
	top:-80px;
	margin-bottom:-80px;
	color:#fff;
	background-color: #ffb500;
	border-radius:1px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	padding:50px;
}





/* *********************  Grid System  ********************* */

@media (max-width: 767px) {
    .xs-box { padding-bottom: 30px !important; }
    .xs-box2 { padding-bottom: 40px !important; }
    .xs-box3 { padding-bottom: 50px !important; }
}
@media (max-width: 991px) {
    .sm-box { padding-bottom: 30px !important; }
    .sm-box2 { padding-bottom: 40px !important; }
    .sm-box3 { padding-bottom: 50px !important; }
}


/* Column paddings */
.container-fullwidth {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
@media (min-width:991px) {
	.container-fullwidth.container-lg-padding {
		padding-left: 80px;
		padding-right: 80px;
	}
}
.row.col-p0 {  margin-left: 0; margin-right: 0; }
.row.col-p0 > [class*="col-"] { padding: 0; }

@media (min-width: 768px) {
    .row.col-p5 { margin-left: -5px;  margin-right: -5px; }
    .row.col-p5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

    .row.col-p10 { margin-left: -10px;  margin-right: -10px; }
    .row.col-p10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

	.row.col-p15 { margin-left: -15px;  margin-right: -15px; }
    .row.col-p15 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }

	.row.col-p20 { margin-left: -20px;  margin-right: -20px; }
    .row.col-p20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

	.row.col-p30 { margin-left: -30px;  margin-right: -30px; }
    .row.col-p30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

    .row .col-p0 { padding-left: 0; padding-right: 0; }
}


/* Isotope grid columns */
.grid-col { width:100%; }

@media (min-width: 768px) {
    .grid-col-2 > .grid-col { width: 100%; }
    .grid-col-3 > .grid-col { width: 50%; }
    .grid-col-4 > .grid-col { width: 33.3%; }
    .grid-col-5 > .grid-col { width: 33.3%; }
    .grid-col-6 > .grid-col { width: 33.3%; }
    .grid-col-7 > .grid-col { width: 33.3%; }
    .grid-col-8 > .grid-col { width: 33.3%; }

    .sm-grid-col-2 > .grid-col { width: 50%; }
}
@media (min-width: 992px) {
    .grid-col-2 > .grid-col { width: 50%; }
    .grid-col-3 > .grid-col { width: 33.3%; }
    .grid-col-4 > .grid-col { width: 25%; }
    .grid-col-5 > .grid-col { width: 20%; }
    .grid-col-6 > .grid-col { width: 16%; }
    .grid-col-7 > .grid-col { width: 12%; }
    .grid-col-8 > .grid-col { width: 10%; }
}


/* Paddings between columns */
@media (min-width:768px) {
	.grid-col-p30 { margin-right: -30px; margin-left: -30px; }
	.grid-col-p30 > .grid-col { padding-right: 30px; padding-left: 30px; }
	.grid-col-p30 .portfolio-el { margin-bottom: 60px; }

	.grid-col-p20 { margin-right: -20px;  margin-left: -20px; }
	.grid-col-p20 > .grid-col { padding-right: 20px; padding-left: 20px; }
	.grid-col-p20 .portfolio-el { margin-bottom: 40px; }

	.grid-col-p15 { margin-right: -15px; margin-left: -15px; }
	.grid-col-p15 > .grid-col { padding-right: 15px; padding-left: 15px; }
	.grid-col-p15 .portfolio-el { margin-bottom: 30px; }

	.grid-col-p10 { margin-right: -10px; margin-left: -10px; }
	.grid-col-p10 > .grid-col { padding-right: 10px; padding-left: 10px; }
	.grid-col-p10 .portfolio-el { margin-bottom: 20px; }

	.grid-col-p5 { margin-right: -5px; margin-left: -5px; }
	.grid-col-p5 > .grid-col { padding-right: 5px; padding-left: 5px; }
	.grid-col-p5 .portfolio-el { margin-bottom: 10px; }

	.grid-col-p0 { margin-right: 0; margin-left: 0; }
	.grid-col-p0 > .grid-col { padding-right: 0; padding-left: 0; }
	.grid-col-p0 .portfolio-el { margin-bottom: 0; }
}



/* *********************  Boxes  ********************* */

/* Box-services style 1 */
.box-services-1 {
    position: relative;
    text-align: center;
}
.box-services-1 .icon, .box-services-1 .icon-fa {
    position: absolute;
    bottom: 0px;
    right: -10px;
    font-size: 90px;
    color: #dadbde;
    opacity: 0.7;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-1:hover .icon, .box-services-1:hover .icon-fa {
    color: #d0d2d6;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}



/* Box left and right */
.box-left {
    display: block;
    float: left;
    text-align: center;
}
.box-left img {
    width: 60px;
    height: 60px;
    margin-top: 10px;
}
.box-right {
    margin-left: 85px;
}
.box-right .title-small {
    margin-bottom: 8px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


/* Box services Style 2 */
.box-services-2:hover .title-small {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-2 .icon {
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-2:hover .icon {
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-2.box-services-2a {
    text-align: center;
}
.box-services-2.box-services-2a .icon {
    display: inline-block;
    margin: 0 0 15px;
}
.box-services-2 .icon-1 {
    display: block;
    font-size: 30px;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: #505358;
    border-radius: 50%;
    padding: 15px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}
.box-services-2 .icon-1:after,
.box-services-2 .icon-3:after {
	content: "";
	position: absolute;
	top: 25px;
	left: -23px;
	width: 79px;
	height: 48px;
	background-color: rgba(255,255,255,0.1);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.box-services-2:hover .icon-1 {
    background-color: #ffb500;
}
.box-services-2 .icon-2 {
    font-size: 55px;
    display: block;
    margin: 5px 0 0 0;
    color: #ffb500;
}
.box-services-2:hover .icon-2 {
    color: #505358;
}
.box-services-2 .icon-3 {
    display: block;
    font-size: 28px;
    width: 60px;
    height: 60px;
    background-color: #ffb500;
    color: #fff;
    border-radius: 50%;
    margin-top: 5px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
.box-services-2:hover .icon-3 {
    background-color: #505358;
}
.box-services-2 .icon-4 {
    color: #505358;
    display: block;
    margin-top: 5px;
    font-size: 60px;
}
.box-services-2:hover .icon-4 {
    color: #ff8200;
}

.box-services-2 .icon-3.bg_orange {
    background-color: #ff8200;
}

.box-services-2:hover .icon-3.bg_orange {
    background-color: #505358;
}

.box-services-2 .icon-3.bg_green {
    background-color: #259a47;
}

.box-services-2:hover .icon-3.bg_green {
    background-color: #00468b;
}

.box-services-2 .icon-3.bg_blue-light {
    background-color: #0077c8;
}

.box-services-2:hover .icon-3.bg_blue-light{
    background-color: #00468b;
}

.box-services-2 .icon-3.bg_blue-light-lighter {
    background-color: #00accd;
}

.box-services-2:hover .icon-3.bg_blue-light-lighter{
    background-color: #0077c8;
}

/* The JASN, CJASN, KN, K360 on the front page */
.box-services-2 a p {
	color: #70727a !important;
}

.box-services-2 a.blue-hover:hover h3, .box-services-2 a.blue-hover:hover p {
	color: #008eaa !important;
}

.box-services-2 a.blue-hover:hover h3, .box-services-2 a.blue-hover:hover p {
	color: #00468b !important;
}


/* Box Services style 3 */
.box-services-3 {
    position: relative;
    padding: 40px 30px;
    color: #dedee3;
}
.box-services-3:hover .social-icon a {
    margin-left: 0;
}
.box-services-3.box-services-team {
    padding: 60px 40px 30px;
}
.box-services-3 .title {
    font-size: 20px;
    color: #dedee3;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-3:hover .title {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-service-3 .title-medium {
    font-size: 22px;
}
.box-services-3 .title-a {
    color: #dedee3;
}
.box-services-3 .bg-overlay {
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-3:hover .bg-overlay {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


/* Box services style 4 */
.box-services-4 {
    background-color: #ffb500;
    position: relative;
    color: #d2d2d9;
    padding: 40px 30px 40px;
    overflow: hidden;
}
.box-services-4 .title {
    color: #dedee3;
    margin-bottom: 18px;
}
.box-services-4.dark {
    background-color: #35373a;
}
.box-services-4.orange {
    background-color: #ff8200;
}
.box-services-4.blue {
    background-color: #00468b;
}
.box-services-4.blue-light {
    background-color: #0077c8;
}
.box-services-4.blue-light-lighter {
    background-color: #00accd;
}
.box-services-4.gold {
    background-color: #ffb500;
}
.box-services-4.green {
    background-color: #259a47;
}
.box-services-4.teal {
    background-color: #008eaa;
}
.box-services-4.transparent {
    background-color: transparent;
}
.box-services-4.grey {
    background-color: #f0f1f2;
}
.box-services-4 .icon {
    font-size: 60px;
    opacity: 0.25;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #d2d2d9;
}
.box-services-4 .icon.montserrat, .box-services-4 .icon.gotham {
	bottom:25px;
}
.box-services-4 .bg-overlay {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-4:hover .bg-overlay {
    opacity: 0.1;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

/* The KHI, NTDS, KidneyX Stuff on the front page */
.box-services-4 a h3 {
	color: #ffffff !important;
}

.box-services-4 a p {
	color: #d2d2d9 !important;
}


/* Box services style 5 */
.box-services-5 .icon {
    font-size: 50px;
}


/* Box services style 6 */
.box-services-6 {
    padding: 25px 20px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-6.small-padding {
	padding:15px 10px;
}
.box-services-6:hover {
    border: 1px solid #e0e3e8;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-6 img {
    margin-bottom: 30px;
}
.box-services-6 p {
    color: #808388;
    margin-bottom: 30px;
}


/* Box Services Style 7 */
.box-services-7 .title-small {
    margin-bottom: 10px;
}
.box-services-7:hover .title-small {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-7 .icon-5 {
    margin-right: 10px;
    font-size: 20px;
    padding-top: 5px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.box-services-7:hover .icon-5 {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

/* Border box */
@media (min-width: 992px) {
    .br-box {
        border-right: 1px solid #dadcde;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .br-box.last {
        border-right: none;
    }
}



/* *********************  Titles  ********************* */

.title-small {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    font-size: 17px !important;
    color: #556 !important;
    font-weight: normal !important;
}
.title-large {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #505358;
    margin: 0 0 40px;
    line-height: 40px;
    letter-spacing: 1px
}
.title-large.extra-large {
	font-size: 35px;
	line-height: 45px;
}
.title-medium {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 23px !important;
    color: #505358;
    margin: 0 0 20px;
    line-height: 35px;
    letter-spacing: 1px;
	font-weight: normal !important;
	text-shadow: none !important;
}

.title-uppercased {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
    color: #58585c !important;
    margin-bottom: 15px;
}
.title-uppercased.large {
	font-size: 21px !important;
	line-height: 32px;
}
.title-uppercased.xlarge {
	font-size: 32px !important;
	line-height: 44px;
}
.title-uppercased.extra-large {
	font-size: 36px !important;
	line-height: 48px;
}
.title-a {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
    color: #56585a !important;
    padding-left: 15px;
    margin: 0 0 30px;
    line-height: 20px;
    letter-spacing: 1px;
    border-left: 2px solid #0077c8;
}
.title-a.large {
    font-size: 16px;
    line-height: 22px;
}

.title-a.xlarge {
    font-size: 18px !important;
    line-height: 24px;
}

.title-small.white, .title-medium.white, .title-large.white, .title-extra-large.white, .title-uppercased.white, .title-a.white {
	color: #ffffff !important;
}



/* *********************  Paragraphs  ********************* */


.text-raleway {
	font-family: "Raleway", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-lato {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-thin {
	font-weight: 300;
}
.text-thick {
	font-weight: 700;
}
.p-lead {
    font-size: 15px;
    font-weight: 700;
}
.p-lead-b {
    font-size: 15px;
    line-height: 28px;
    font-weight: 700;
    color: #99a;
}
.p-large {
    font-size: 17px;
}
.text-1 {
	font-size:15px;
	color:#808388;
}
.text-2 {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    color: #888895;
}
.text-2 .icon {
    margin-right: 10px;
    color: #0077c8;
    font-size: 14px;
    vertical-align: sub;
}
.text-3 {
	color:#84878a;
}

.text-10 {
	position: absolute;
	top:40px;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #c0c3c7;
    opacity:0.2;
	font-size:75px;
}
@media (max-width:767px) {
	.text-10 {
		display: none;
	}
}




/* *********************  Home Sections ********************* */
/* Stats, Features, Team, Plans, Testimonials, Contact etc */

/* Blog Section */
.blog-section-2.blog-item {
	padding-bottom: 0;
	border-bottom: none;
	border-radius: 2px;
	overflow: hidden;
}
.blog-section-2 .blog-section-2-caption {
	padding: 30px 20px 25px;
	background-color: #f5f5f5;
}
.blog-section-2.blog-item .blog-image {
	margin: 0;
}
.blog-section-2.blog-item .blog-caption p {
	margin: 10px 0 25px;
	color: #707385;
}

/* **************************** */

.blog-section-3.blog-item {
	padding-bottom: 0;
	border-bottom: none;
	border: 1px solid #e0e0e0;
	padding: 0;
	border-radius: 2px;
}
.blog-section-3.blog-item .blog-image {
	margin: 0;
}



/* Team Section */
.team-section .portfolio-el {
    margin-bottom: 20px;
}
.team-employee {
    text-align: center;
}
.team-employee img {
    border: 1px solid #eaeaea;
    padding: 10px;
    width: 250px;
    height: 250px; /* this was originally set to 240, for some reason */
    border-radius: 50%;
    margin-bottom: 30px;
}
@media (max-width:991px) {
	.team-employee img {
		width:100%;
		height:auto;
	}
}
#team-collapse .panel {
    margin: 0;
}

.team-lead-flag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-top: 40px solid #292c31;
    border-right: 40px solid transparent;
}
.team-lead-flag .icon {
    color: #ff8200;
    position: absolute;
    top: -34px;
    right: -18px;
}

@media (max-width:767px) {
	.modal-team .title-small small,
	.team-text .title-small small {
		display: block;
		margin-top:5px;
	}
}
	


/* Stats Section */
.stats-timer {
    color: #808388;
    font-size: 40px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.stats-content h3 {
    margin-bottom: 0;
    font-size: 14px;
    color: #707378;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.stats-content {
    padding: 40px 20px;
    text-align: center;
    position: relative;
}
.stats-content .icon {
    position: absolute;
    bottom: 50px;
    right: 50px;
    opacity: 0.3;
    color: #99a;
    font-size: 60px;
}
@media (max-width: 991px) {
    .stats-content .icon {
        position: absolute;
        bottom: auto;
        top: 40px;
        right: 20px;
        opacity: 0.1;
    }
}
.stats-bg .stats-content {
    background: rgba(41, 44, 49, 0.3);
    padding: 40px 20px 35px;
}
.stats-bg .stats-timer {
    color: #caccce;
}
.stats-bg .stats-content h3 {
    color: #e0e3e8;
}


/* Testimonials section */
.section-testimonials {
    position: relative;
}
@media (min-width:768px) {
	.section-testimonials.large {
		margin:100px 0;
	}
}
.section-testimonials .icon {
    position: absolute;
    right: 50px;
    top: 0;
    font-size: 140px;
    color: #aaaab8;
    opacity: 0.2;
}
@media (max-width: 767px) {
    .section-testimonials .icon {
        right: 0;
        bottom: 0;
        top: auto;
    }
}
.section-testimonials blockquote {
    text-align: center;
    padding: 0 40px;
    margin: 0;
    font-size: 15px;
    border-left: 0;
    line-height: 30px;
    color: #909396;
}
.section-testimonials blockquote p {
    margin-bottom: 0;
}
.section-testimonials blockquote h5 {
    margin: 0 0 18px;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #707378;
    font-style: normal;
    border: none !important;
}
.section-testimonials blockquote span {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    color: #808388;
    margin-left: 15px;
    font-style: normal;
}
.section-testimonials blockquote footer:before,
.section-testimonials blockquote small:before,
.section-testimonials blockquote .small:before {
    content: "";
}

.section-testimonials.bg-testimonials blockquote {
	color: #cacbce;
}
.section-testimonials.bg-testimonials blockquote h5 {
	color: #d0d3d7;
}
.section-testimonials.bg-testimonials blockquote span {
	color: #d0d3d7;
}

.section-testimonials .testimonials-image {
    width: 120px;
    height: 115px;
    border-radius: 50%;
}
.section-testimonials-2 blockquote {
	padding: 0 10px;
}
.section-testimonials-3 {
    padding: 120px 0 110px;
    position: relative;
    overflow: hidden;
}
@media (min-width:991px) {
	.testimonials-author-overlay {
	    position: absolute;
	    right: 0;
	    top: 0;
	    border-right: 1000px solid rgba(255,181,0, 0.5);
	    border-top: 1000px solid transparent;
	}
}
.testimonials-author {
    position: absolute;
    right: 30px;
    bottom: 40px;
    color: #e8e8e8;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    z-index: 3;
}
.testimonials-author small {
    font-size: 10px;
    letter-spacing: 1px;
}
.testimonials-comment {
    color: #e0e3e9;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0 50px;
    margin-bottom: 0;
    z-index: 4;
    line-height: 28px;
}


/* Clients Section */
.section-clients {
    text-align: center;
}
.section-clients a {
    opacity: 0.6;
    padding: 10px;
    display: block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.section-clients a:hover {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.section-clients-b a {
	display: block;
    padding: 30px;
    background-color: #e8eaee;
    border-radius: 1px;
}
.section-clients-b a:hover {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Clients Slider */
.client-slider {
	position:relative;
	width:100%;
	height:60px;
}
.c-img {
	position:absolute;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.c-img.on {
	opacity:0.7;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}


/* Plans Section */
.plan {
	position: relative;
    text-align: center;
    border: 1px solid #e3e5e9;
    border-radius: 4px;
    padding: 30px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
@media (max-width:991px) {
	.plan {
		margin-bottom: 30px;
	}
}
.plan:hover {
    border: 1px solid #dadcde;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.plan:hover .plan-title {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.plan-featured-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #ffb500 transparent transparent;
}
.plan-featured {
	position: absolute;
	top: 4px;
	right: 6px;
	color: #eee;
	font-size: 15px;
}
.plan-price {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    color: #ffb500;
    margin-bottom: 20px;
}
.plan-curency {
    vertical-align: super;
    font-size: 25px;
}
.plan-period {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #808388;
}
.plan-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    font-size: 19px;
    color: #606369;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.plan-features {
    list-style: none;
    margin: 0;
    padding: 30px 0;
    line-height: 27px;
}
.plan-features > li {
    margin-bottom: 15px;
    font-size: 15px;
}
.plan-feature-off {
    text-decoration: line-through;
    color: #adb7bf;
}

/* Plans 2 */
.plans-2 .plan {
	border: none;
	color: #d0d3d9;
	background-color: #292c31;
}
.plans-2 .plan-title,
.plans-2 .plan-period {
	color: #d0d3d9;
}
.plans-2 .plan-feature-off {
	color: #8a8c8e;
}
/* Plans 3 */
.plans-3 .plan {
	padding: 0 0 20px;
	border:none;
	border-radius: 0;
}
.plans-3 .plan-header {
	background-color: #292c31;
	padding: 25px 20px 25px;
	border-radius: 2px;
	margin-bottom: 10px;
}
.plans-3 .plan-title,
.plans-3 .plan-period {
	color: #d0d3d9;
}


/* Contact Section */
.page-contact .box-services-2 .box-left .icon {
    font-size: 30px;
    color: #606369;
    margin-top: 7px;
}
.page-contact .box-services-2 .box-right {
    margin-left: 60px;
}
.g-recaptcha .rc-anchor {
	box-shadow:none !important;
}
.g-recaptcha .rc-anchor-light {
	border: 1px solid #eee !important;
	background: transparent !important;
	color:#70727a !important;
}

.map-overlay {
	padding: 20px;
	background-color: #ffffff;
	/* border:1px solid #ddd; */
	border-radius: 4px;
	color: #70727a;
	max-width:360px;
	position: relative;
	bottom: 20px;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
}
@media (max-width:767px) {
	.map-overlay {
		max-width:200px;
	}
	.map-overlay p,
	.map-overlay .br-bottom {
		display: none;
	}
	.map-overlay .title {
		margin-bottom: 0;
	}
}
.map-overlay:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 20px 0 20px;
	border-color: #ffffff transparent transparent transparent;
}

.map-overlay .title,
.box-services-6 .map-overlay p {
	color:#606367;
}
.map-large  {
    width: 100%;
    height: 450px;
}
.map-small {
    width: 100%;
    height: 320px;
}


/* Tweet Section */
.tweet-section {
	background-color: #70c2e9;
	color: #fff;
	padding:30px 20px 20px;
}
.tweet-section .tweet-user {
	color:#fff;
}


/* *********************  Portfolio ********************* */

/* Portfolio filter */
.portfolio-filter {
    width: auto;
}
.portfolio-filter > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.portfolio-filter > ul > li {
    display: inline-block;
    padding: 0 15px;
}
.portfolio-filter > ul > li:first-child {
	padding: 0 15px 0 0;
}
.portfolio-filter > ul > li:last-child {
	padding: 0 0 0 15px;
}
.portfolio-filter li > a {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #e5e8ea;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.portfolio-filter li > a:hover,
.portfolio-filter li > a:focus,
.portfolio-filter li > a.active{
    color: #ff8200;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.portfolio-filter li > a .icon {
    font-size: 16px;
	display: inline-block;
	margin: 0 5px;
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
.portfolio-filter li > a .icon.icon_menu {
	margin:0;
}
.portfolio-filter.pf2 {
    display: inline-block;
    background-color: #404449;
    padding:5px 30px;
    border-radius: 1px;
}


/* Portfolio */
.portfolio {
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.portfolio img {
    width: 100%;
    height: auto;
}


/* Portfolio Item */
.portfolio-el {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin-bottom:10px;
}


/* Portfolio Hover effects */
.view {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.view .mask {
    position: absolute;
    overflow: hidden;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(41, 44, 49, 0.8);
    padding: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
}
.view:hover .mask,
.view:focus .mask {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


/* Image */

.view img {
    display: block;
    position: relative;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.view:hover img {
    -webkit-transform: scale(1.2) rotateZ(5deg);
    -ms-transform: scale(1.2) rotateZ(5deg);
    transform: scale(1.2) rotateZ(5deg);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


/* Title */
.view .portfolio-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #dedee4;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 24px;
    opacity: 0;
    margin-bottom: 0;
    padding: 0 10px 5px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}
.view .portfolio-title > a {
    color: inherit;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .portfolio-title > a:hover {
    color: #ffb500;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view:hover .portfolio-title,
.view:focus .portfolio-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}


/* Text */
.view .text {
    font-size: 11px;
    position: relative;
    color: #dedee4;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    padding: 0 10px;
    opacity: 0;
    margin-bottom: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.view:hover .text,
.view:focus .text {
    opacity: 0.9;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/* Portfolio Style 2 */
.portfolio-2 {
	position: relative;
	overflow: hidden;
}
.portfolio-2 .mask {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #292c31;
	opacity: 0.35;
	-webkit-transition: all 0.6s ease-in-out;
    	transition: all 0.6s ease-in-out;
}

.portfolio-2 .mask.dark {
	opacity: 0.75;
}

.portfolio-2 .mask.blue {
	background-color: #00468b;
}



.portfolio-2 .title {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #eaecee;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0 10px 0;
}
.portfolio-2 .text {
	font-size: 10px;
    position: relative;
    color: #eaecee;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}
.portfolio-2 .portfolio-2-details {
	z-index:2;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align: center;
	padding:8px 0;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.portfolio-2:hover .mask {
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.portfolio-2:hover .portfolio-2-details {
	background-color: rgba(41,44,49,0.8);
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* add .cover to make the background cover the whole item */
.portfolio-2 .portfolio-2-details.cover {
	height: 100%;
}

.portfolio-2 .portfolio-2-details.cover h6, .portfolio-2 .portfolio-2-details.cover p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



/* Portfolio align middle */
.portfolio-middle {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Portfolio Text */
.portfolio-text .view .mask {
    background-color: rgba(41, 44, 49, 0.7)
}
.portfolio-text .mask .icon {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    -ms-transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    font-size: 30px;
    color: #ff8200;
}
.portfolio-text .view:hover .mask .icon {
    -ms-transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.portfolio-text-content {
    padding: 18px 10px 25px;
    text-align: center;
}
.portfolio-text-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #556;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 0 10px 0;
    margin-bottom: 0;
}
.portfolio-text-title a {
    color: inherit;
}
.portfolio-text-title a:hover {
    color: #ff8200;
}
.portfolio-text-p {
    font-size: 11px;
    color: #707080;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.portfolio-text .portfolio-el:hover .portfolio-text-p {
    color: #0077c8;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


/* Project Portfolio */
.project-title {
    color: #505459;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 24px;
    border-left: 2px solid #0077c8;
}
.project-image img {
    border-radius: 1px;
}



/* *********************  Blog  ********************* */

/* Blog Section */
.blog-item {
    margin: 0 0 60px;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.blog-item .blog-image {
    margin: 10px 0 25px;
}
.blog-item.list-large .blog-image {
    margin: 15px 0 30px;
}
.blog-item.list-small .blog-image {
	margin: 0 0 20px;
}
.blog-item img {
    width: 100%;
    height: auto;
}

.blog-item .post-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 15px;
    color: #505358;
    font-weight: 400;
    line-height: 28px;
}
.blog-item .box-left .icon {
    font-size: 24px;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #ffb500;
    border-radius: 50%;
    color: #ffb500;
    padding-top: 10px;
    margin-top: 2px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.blog-item .box-right {
    margin-left: 70px;
}
.blog-item:hover .box-left .icon {
    color: #fff;
    background-color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}



/* Blog Mask */
.blog-view {
    position: relative;
}
.blog-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(41, 44, 49, 0.6);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.blog-item:hover .blog-mask {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.blog-view .blog-expand {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size:17px;
	color:#ffb500;
}

.blog-view .blog-video {
	/* this centers the icon */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 57px;
	color:#ffb500;
}


/* Sub Post title */
.blog-item .sub-post-title {
    margin: 0 0 15px;
    line-height: 20px;
}
.blog-item .sub-post-title span,
.blog-item .sub-post-title a {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: #778;
}
.blog-item .sub-post-title a:hover {
    color: #ffb500;
}
.blog-item .separator,
.blog-item .sub-post-title .separator {
    margin: 0 10px;
    color: #ffb500;
}
.blog-item .blog-image iframe {
    margin-bottom: -7px;
}
.blog-item .read-more {
    font-size: 10px;
}
.blog-item .read-more .icon {
    font-size: 14px;
}


/* Read more */
.read-more {
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    letter-spacing: 1px;
    color: #ff8200;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.read-more .icon {
    color: #ff8200;
    margin-left: 15px;
    opacity: 0;
    vertical-align: middle;
    font-size: 13px;
    margin-top: -1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.read-more:hover {
    color: #ff8200;
}
.read-more:hover .icon {
    margin-left: 5px;
    opacity: 1;
    display: inline;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Share it - Sharrre */
#shareit {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -63px;
	z-index:998;
}
#shareit .social-icon {
	height: auto;
	overflow: hidden;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
#shareit .social-icon > li {
	margin-right: 0;
	display: block;
}
#shareit .social-icon > li > a .icon {
	font-size: 15px;
	color: #fff;
	width: 38px;
	height: 42px !important;
}

#shareit .social-icon > li > a .icon.social_facebook {
	background-color: #677fb5;
}
#shareit .social-icon > li > a .icon.social_twitter {
	background-color: #70c2e9;
}
#shareit .social-icon > li > a .icon.social_googleplus {
	background-color: #bc7067;
}
#shareit .social-icon > li > a:hover .icon {
	opacity:0.8;
}



/* Blog full post */
.blog-post-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    color: #556;
}
.blog-post-lead {
    font-size: 14px;
    color: #70727a;
    line-height: 28px;
    margin-bottom: 50px;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blog-post-image {
    position: relative;
    border-radius: 1px;
    overflow: hidden;
}
.blog-image-source {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.7);
    padding: 5px 15px;
    color: #e8e8e8;
}
.blog-post-content {
    margin-bottom: 40px;
}


/* Blog Intro Share icons */
.intro-share .social-icon {
    margin-left: -7px !important;
}
.intro-share .social-icon > li {
    margin-right: 10px;
}
.intro-share .social-icon > li .icon {
    font-size: 14px;
    color: #f4f5f7;
    padding-top: 5px;
}
.intro-share .social-icon > li > a:hover .icon {
    background-color: transparent;
    color: #ffb500;
}


/* Blog User */
.blog-user-left {
    float: left;
}
.blog-user-image {
    display: inline-block;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.blog-user-image img {
    border-radius: 50%;
    width: 90px;
    height: 88px;
}
.blog-user-details {
    margin-left: 120px;
}
.blog-user-details h4 {
    margin: 0 0 10px 0;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #505359;
    letter-spacing: 1px;
    line-height: 20px;
}
.blog-user-social .social-icon > li > a .icon {
    color: #ffb500;
    font-size: 20px;
}
.blog-user-social .social-icon > li > a:hover .icon {
    color: #292c31;
}


/* Blog Comments */
.blog-comments .blog-user {
    margin-bottom: 25px;
}
.blog-comments .blog-user-details h4 {
    display: inline-block;
}
.blog-comments .blog-user-image img {
    width: 70px;
    height: 68px;
}
.blog-comments .blog-user-details {
    margin-left: 100px;
}
.blog-comments .comment-date {
    display: inline-block;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    color: #9a9c9e;
    margin: 0 30px;
}
@media (max-width:768px) {
	.blog-comments .comment-date {
		display:block;
		margin:0;
	}
	.blog-comments .comment-reply {
		margin-bottom: 20px;
	}
}
.blog-comments .comment-date .icon {
    margin-right: 5px;
    color: #ffb500;
    font-size: 12px;
}
.blog-comments .comment-reply {
    display: inline-block;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
}
.blog-comments .blog-user.replied {
    margin-left: 100px;
}
.blog-comments .blog-user.replied-2 {
    margin-left: 200px;
}
@media (max-width: 767px) {
	.blog-user.author .blog-user-left {
		float:none;
	}
	.blog-user.author .blog-user-details {
		margin-left: 0;
		margin-top: 15px;
	}
	.blog-comments .blog-user-details {
	    margin-left: 10px;
	}
	.blog-comments .blog-user-left {
		display: none;
	}
    .blog-comments .blog-user.replied {
        margin-left: 30px;
    }
    .blog-comments .blog-user.replied-2 {
        margin-left: 50px;
    }
}



/* *********************  Sidebar   ********************* */

/* Sidebar */
@media (max-width: 767px) {
    .sidebar {
        width:90% !important;
    }
}
#toggle-sidebar {
	display: none;
}
@media (max-width: 991px) {
	#toggle-sidebar {
		display:block;
		position: fixed;
		bottom:0;
		left:0;
		padding:5px 10px;
		background-color: #292c31;
		color:#dadbde;
		font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		letter-spacing: 1px;
		font-size: 9px;
		z-index: 99999999;
		border-radius:0 2px 0 0;
	}
	.sidebar {
		margin: 0 !important;
		position: fixed;
		bottom: 6%;
		width: 400px;
		height: 90%;
		left: -1000px;
		border-radius: 0 2px 2px 0;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
		padding: 30px 20px 0;
		background-color: #f2f2f3;
		z-index: 9999998;
		overflow-y: auto;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.sidebar.on {
		left:0;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

    .sidebar-dual {
    	background-color: #f2f2f3;
    	padding:30px 20px 20px;
    	border-radius:2px;
        margin-top: 50px;
    }

    .sidebar-nav {
        margin-bottom: 60px;
        background-color: #f2f2f3;
    	padding:30px 20px 20px;
    	border-radius:2px;
    }
    #sticky-sidebar {
    	position: relative !important;
    	top:0 !important;
    	width:100% !important;
    }
    #sticky-sidebar + div {
    	position: relative !important;
    	width: 0 !important;
    	height: 0 !important;
    }
}


/* Sidebars */
.sidebar-widget {
    margin-bottom: 70px;
    position: relative;
}
.sidebar-title {
    margin: 0 0 25px;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px !important;
    color: #505359 !important;
    border-left: 2px solid #0077c8;
    padding: 0 0 0 15px;
    line-height: 20px;
}
.sidebar-widget .tab-content {
    padding: 35px 0 0 !important;
}


/* Sidebar search form */
.sidebar-search {
    margin: 0;
    position: relative;
    width: 100%;
}
.sidebar-search input {
    width: 100%;
    height: 44px;
    padding: 7px 10px 7px 15px;
    border: none;
    background-color: transparent;
    color: #707378;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}
.sidebar-search input:hover,
.sidebar-search input:focus,
.sidebar-search input:active {
    box-shadow: none;
    outline: none;
}
.sidebar-search::-webkit-input-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #808489;
    font-weight: 400;
    font-size: 10px;
}
.sidebar-search::-moz-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #808489;
    opacity: 1;
    font-weight: 400;
    font-size: 10px;
}
.sidebar-search:-ms-input-placeholder {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #808489;
    font-weight: 400;
    font-size: 10px;
    padding-bottom: 5px;
}
.sidebar-search button {
    position: absolute;
    top: 9px;
    right: 9px;
    background-color: transparent;
    color: #ffb500;
    border: none;
}


/* Sidebar Tags*/
.tags a {
    display: inline-block;
    padding: 0 10px 5px 0;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #707078;
    letter-spacing: 0.5px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.tags a.big {
    font-size: 12px;
}
.tags a:hover {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #445;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}


/* Blog Sidebar posts */
.sidebar-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-post {
    clear: both;
    margin-bottom: 15px;
}
.sidebar-post .image-post {
    float: left;
    width: 65px;
    height: 60px;
    border-radius: 2px;
    overflow: hidden;
    display: block;
    position: relative;
}
.sidebar-post .image-post-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #e8e8e8;
    text-transform: uppercase;
    line-height: 20px;
    padding-top: 10px;
    background-color: rgba(20, 20, 20, 0.6);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.sidebar-post:hover .image-post-date {
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.sidebar-posts img {
    width: 66px;
    height: 60px;
}
.sidebar-post h5 {
    margin-bottom: 3px;
}
.sidebar-post a {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #556;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.sidebar-post h5 a:hover {
    color: #ffb500;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.sidebar-post .info-post {
    margin-left: 80px;
    padding-top: 5px;
}
.sidebar-post .info-post span {
    font-size: 12px;
    color: #778;
}


/* Sidebar Tweets */
.sidebar-tweet {
    margin-bottom: 15px;
    position: relative;
}
.tweet-user {
	color: #ff8200;
}
.tweet-user:hover {
	color: #ff8200;
	opacity: 0.8;
}
.tweet-content {
    margin: 10px 0 10px;
    font-size: 14px;
    color: #778;
}
.tweet-user {
    margin-right: 20px;
}
.sidebar-tweet small {
    color: #889;
}
.sidebar-tweet .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #dadada;
    font-size: 90px;
    opacity: 0.2;
}


/* Sidebar socials */
.sidebar-socials {
    padding: 0;
    margin: 0 10px 0 0;
    list-style: none;
}
.sidebar-socials > li {
    margin-bottom: 15px;
}
.sidebar-socials a {
    color: #667;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
}
.sidebar-socials a:hover,
.sidebar-socials a:focus {
    color: #ffb500;
}
.sidebar-socials .icon {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    color: #ff8200;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    padding-top: 7px;
    border: 1px solid #ff8200;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.sidebar-socials > li:hover .icon {
    background-color: #ff8200;
    color: #fff;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.sidebar-socials > li span {
    /* float: right; */
	margin-left: 50px;
	margin-top: -16px;
	display: block;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: 400;
    color: #889;
}


/* Sidebar Categories */
.sidebar-categories .panel-title {
    text-transform: capitalize;
    font-size: 13px;
}
.sidebar-categories .panel-body {
    padding: 10px 0 5px 25px;
}
.sidebar-categories ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.sidebar-categories ul > li {
    padding-bottom: 8px;
}
.sidebar-categories ul > li:last-child {
    padding-bottom: 0;
}
.sidebar-categories ul > li > a {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707080;
    font-size: 12px;
}
.sidebar-categories li:hover a,
.sidebar-categories .panel-title:hover a,
.sidebar-categories .panel-title:focus a {
    color: #ffb500;
}


/* Sidebar archives */
.sidebar-archives {
	margin:0;
	padding:0;
	list-style: none;
}
.sidebar-archives > li {
    padding-bottom: 8px;
}
.sidebar-archives > li:last-child {
    padding-bottom: 0;
}
.sidebar-archives > li > a {
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707080;
    font-size: 12px;
}
.sidebar-archives > li > a span {
	margin-left: 20px;
	color: #90949a;
	font-size: 10px;
}
.sidebar-archives > li > a:hover {
	color: #008eaa;
}

.sidebar-archives > li.active > a {
	color: #008eaa;
	font-weight: bold;
}

/* *********************  Horizontal Navigation Bar  ********************* */

nav.horizontal_nav {
	margin: 27px auto 0;
	position: relative;
	width: auto;
	height: 50px;
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 0;
	margin-bottom: 40px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
nav.horizontal_nav a {
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 50px;
	height: 100%;
	font-size: 11px;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #505358;
	cursor: pointer;
}
nav.horizontal_nav a:hover, nav.horizontal_nav a.active {
	color: #ffffff;
}
nav.horizontal_nav .animation {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 0;
	transition: all .5s ease 0s;
	border-radius: 2px;
}

nav.horizontal_nav .start-1, a:nth-child(1):hover~.animation {
	background-color: #00468b;
}
nav.horizontal_nav .start-2, a:nth-child(2):hover~.animation {
	background-color: #008eaa;
}
nav.horizontal_nav .start-3, a:nth-child(3):hover~.animation {
	background-color: #ff8200;
}
nav.horizontal_nav .start-4, a:nth-child(4):hover~.animation {
	background-color: #259a47;
}
nav.horizontal_nav .start-5, a:nth-child(5):hover~.animation {
	background-color: #ffb500;
}
nav.horizontal_nav .start-6, a:nth-child(6):hover~.animation {
	background-color: #0077c8;
}
nav.horizontal_nav .start-7, a:nth-child(7):hover~.animation {
	background-color: #9bb8d3;
}

/* *********************  Shop  ********************* */

.shop-product {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.shop-image {
    position: relative;
    display: block;
    overflow: hidden;
}
.shop-description {
    border: 0px !important;
    padding: 20px 10px 10px !important;
    margin-bottom: 0;
    text-align: center;
    font-size: 13px !important;
    color: #666672 !important;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.shop-description a {
    color: inherit;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.shop-description a:hover,
.shop-description a:focus,
.shop-description a:active {
    color: #9999a6;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}


/* Shop Prices | Sales */
.shop-prices {
    text-align: center;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.shop-price {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #adb4b8;
    font-size: 14px;
    margin-right: 10px;
}
.shop-price-member {
    color: #ffb500;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
}
.shop-price-off {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: line-through;
    color: #adb4b8;
    font-size: 14px;
    margin-right: 10px;
}
.shop-offer {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 5px 10px;
    background-color: #ffb500;
    text-transform: uppercase;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.shop-buy {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.shop-product:hover .shop-buy {
    bottom: 0;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.shop-buy a {
    display: inline-block;
    background-color: #ffb500;
    color: #fff;
    padding: 6px 16px;
    text-transform: uppercase;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 18px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
}
.shop-buy .icon {
    margin-right: 8px;
}


/* Tooolbar */
.toolbar-shop {
    margin-bottom: 30px;
}
.toolbar-shop.form select.form-control {
	display: inline-block;
	width:150px;
	margin-right:20px;
	margin-top:0;
	margin-bottom: 20px;
	text-indent: 5px;
}
/* Added to cart box */
.box-added-to-cart {
	display:none;
}
.box-add-to-cart {
	float:right;
}
@media (max-width:767px) {
	.box-add-to-cart {
		float:none;
		margin-left:20px;
	}
}


/* Shop Sidebar */
.shop-sidebar .irs {
    margin-bottom: 25px;
}
.shop-sidebar .shop-by {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999aa5;
    font-size: 12px;
}
.shop-sidebar .top-rated-products {
    margin: 0;
    padding: 0;
    list-style: none;
}
.shop-sidebar .top-rated-products li {
    clear: both;
    margin-bottom: 25px;
}
.shop-sidebar .top-rated-products .product-image {
    float: left;
    width: 75px;
    height: 75px;
    display: block;
}
.shop-sidebar .top-rated-products .product-info {
    margin-left: 90px;
}
.shop-sidebar .top-rated-products h5 {
    margin-bottom: 8px;
    padding-top: 10px;
}
.shop-sidebar .top-rated-products h5 a {
    text-transform: uppercase;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #666670;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.shop-sidebar .top-rated-products h5 a:hover {
    color: #ffb500;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.shop-sidebar .top-rated-products .shop-prices {
    text-align: left;
}
.shop-sidebar .top-rated-products .shop-price {
    font-size: 14px;
}
.shop-sidebar .top-rated-products .shop-price-off {
    font-size: 13px;
}


/* Shop description product */
.shop-description-product {
    padding: 20px 0;
}
.shop-product-name {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 24px;
    color: #556;
    padding: 0 0 0 15px;
    border-left: 2px solid #0077c8;
}
.shop-description-product .shop-prices {
    padding: 10px 0 20px;
    text-align: left;
}
.shop-description-product .shop-prices .shop-price-member {
    font-size: 19px;
}
.shop-description-product .shop-prices .shop-price-off {
    font-size: 14px;
}
.reviews {
	display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    color: #adb4b8;
    word-spacing: 3px;
    text-transform: lowercase;
    font-size:13px;
}


/* Quantity Shop */
.shop-quantity .input-quantity {
    width: 50px;
    height:42px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
    margin: 0;
    border: none;
    color: #606070;
    background-color: #e4e4e4;
    line-height: 26px;
}
.shop-quantity .js-qty {
	height:42px;
	padding: 0 22px;
}


/* Shop Ratings */
.rating-wrapper {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}
.rating-wrapper > .rating-input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: -1;
}
.rating-wrapper > .rating-label {
	float: right;
	color: #dadbdb;
	cursor: pointer;
	padding: 10px 3px;
	line-height: 20px; 
	font-size: 15px; 
}
.rating-wrapper.rating-active > .rating-label {
	font-size: 14px;
}
.rating-wrapper > .rating-input:checked ~ .rating-label,
.rating-wrapper.rating-active .rating-label { 
	color: #fcc54e; 
}
.rating-wrapper > .rating-input:hover ~ .rating-label { 
	color: #ecb54e; 
}



/* Shop Tab Content */
.shop-section .tab-content {
    padding: 50px 0 20px;
}
.shop-section .nav-tabs > li > a {
    text-transform: uppercase;
    padding: 12px 30px;
    letter-spacing: 2px;
}


/* Specifications */
.shop-specifications {
    margin: 0;
    padding: 0;
    list-style: none;
}
.shop-specifications .title {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px;
}
.shop-specifications .title:first-child {
    margin: 0 0 10px;
}
.shop-specifications > li {
    font-weight: 700;
    color: #505459;
    margin-bottom: 3px;
}
.shop-specifications > li > span {
    margin-left: 15px;
    color: #888892;
    font-size: 13px;
    font-weight: 400;
}


/* Reviews */
.shop-comment {
    margin-bottom: 40px;
    color: #909096;
}
.shop-comment .author {
    margin-bottom: 10px;
}
.shop-comment .author h5 {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-right: 25px;
    margin-bottom: 0;
    font-size: 11px;
    letter-spacing: 1px;
    color: #707378;
    display: inline-block;
}
@media (max-width: 767px) {
    .shop-comment .author h5 {
        display: block;
    }
}
.shop-comment .date {
    font-size: 12px;
    text-transform: capitalize;
    vertical-align: baseline;
    margin-right: 25px;
}
.shop-comment p {
    padding: 0 0 0 10px;
}
.shop-form-review button .icon {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 8px;
}


/* Shopping Cart Page */
.shop-cart table {
	width:100%;
	table-layout: fixed;
}
.shop-cart table .product img {
    width: 80px;
    height: 80px;
    margin-right: 25px;
}
.shop-cart table .product a {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #667;
    margin-left:10px;
}
.shop-cart table .product a:hover {
    color: #ffb500;
}
.shop-cart table td,
.shop-cart table tr:last-child th {
    vertical-align: middle;
}
.shop-cart table tr td:last-child {
    width: 40px;
}
.shop-cart table td,
.shop-cart table th {
    vertical-align: middle !important;
}
.shop-cart table .span300 {
    width: 300px;
}
.shop-cart table .span100 {
    width: 100px;
}
.shop-cart table .span40 {
    width: 40px;
}
.shop-cart table .span200 {
    width: 200px;
}
@media (max-width: 767px) {
    .table-responsive {
        border: none;
        margin-bottom: 20px;
    }
    .shop-cart table .product {
        white-space: normal;
    }
    .shop-cart table .product img {
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/* Range Slider */
.range-slider + .slider-container {
	width: 100% !important;
	margin: 0;
	padding:10px 0 30px;
}



/* *********************  Elements  ********************* */

/* Forms, Buttons, Alerts, Progress Bars, Tabs, Accordions, 
Popovers, Tolltips, Toggles etc */

/* Forms */
.form .form-control {
    border-radius: 2px;
    background-color: #f1f2f3;
    border: none;
    height: 40px;
    box-shadow: none;
}
.form .form-control:focus {
    background-color: #ededef;
    border: none;
    outline: 0;
    box-shadow: none;
}
.form select.form-control {
    margin-top: 5px;
    border-radius: 2px;
    color: #606367;
    padding: 5px;
    border: none;
    background-color: #f1f2f3;
}
.form textarea.form-control {
    height: auto;
}
.form-message-error,
.has-error .error {
    color: #B94321;
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
}
.form {
    width: 100%;
}
.form input,
.form textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
    text-indent: 5px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #606367;
    background: #f1f2f3;
    border: none;
    box-shadow: none;
}
.form input:hover,
.form textarea:hover,
.form input:focus,
.form textarea:focus {
    box-shadow: none;
    border: none;
    background-color: #ededef;
}
.form input[type=radio]:not(.rating-input),
.form input[type=checkbox] {
    width: auto;
    margin-right: 5px;
    position: relative;
    top:2px;
}
.form label:not(.rating-label) {
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
}
.form-required {
    color: #C51010;
    font-weight: 400;
    vertical-align: middle;
    font-size: 13px;
}
.form .form-remember {
    display: inline-block;
    margin-right: 15px;
}
@media (max-width: 767px) {
    .form .forgot {
        display: block;
        margin: -20px 20px 25px;
    }
}
.form-group {
    position: relative;
}
.form::-webkit-input-placeholder {
    text-transform: capitalize;
    color: #a0a2a7;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.5px;
}
.form::-moz-placeholder {
    text-transform: capitalize;
    color: #a0a2a7;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.5px;
}
.form:-ms-input-placeholder {
    text-transform: capitalize;
    color: #a0a2a7;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: normal;
    letter-spacing: 0.5px;
}
.checkbox.inline label,
.radio.inline label {
	display: inline-block;
	margin-right:30px;
}

/* Progress Bars */
.progress {
    border-radius: 1px;
    box-shadow: none;
    height: 24px;
    margin-bottom: 15px;
    background-color: #e2e2e2;
}
.progress-bar {
    text-align: left;
    background-color: #ffb500;
    line-height: 23px;
    color: #fff;
	box-shadow: none;
	border-right: 3px solid rgba(0,0,0,0.1);
}
.progress-bar-animate {
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
}
.progress-bar span {
    padding: 5px 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    word-spacing: 5px;
}
.progress .progress-bar-info {
    background-color: #5bc0de !important;
}
.progress .progress-bar-danger {
    background-color: #d9534f !important;
}
.progress .progress-bar-warning {
    background-color: #f0ad4e !important;
}
.progress .progress-bar-success {
    background-color: #5cb85c !important;
}
.progress .progress-bar-primary {
    background-color: #428bca !important;
}


/* Tables */
.table th,
.table td {
    padding: 12px !important;
}
.table.table-condensed th,
.table.table-condensed td {
	padding:5px !important;
}
.table-striped > tbody > tr:nth-child(odd),
.table-hover > tbody > tr:hover {
	background-color: #f1f1f3;
}
.table tr.active td,
.table tr.active th {
	background-color: #f1f1f3 !important;
}
.table-1 {
	border-bottom:1px solid #30343a;
}
.table-1 td,
.table-1 th {
	border-top:none !important;
}
.table-1 th {
	background-color: #30343a;
	color:#e0e3e9;
	border-bottom:none;
}
.table-1.table-main-color {
	border-bottom:1px solid #ffb500;
}
.table-1.table-main-color th {
	background-color: #ffb500;
	color:#fff;
}


/* Panels */
.panel-group .panel {
    border-radius: 0;
}
.panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.panel-heading {
    padding: 7px 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #525559;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.panel-title:hover a,
.panel-title:focus a {
    color: #888892;
}
.panel-title .icon {
    margin-right: 8px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
.panel-body {
    padding: 10px 0 5px 25px;
}


/* Tabs */
.tab-content {
    padding: 20px 30px;

background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tab-content.vertical {
    padding: 5px 5px 20px 20px;
}
.nav-tabs {
    border-bottom: 2px solid #ddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -2px;
}
/* bootstrap sets display: block, so we need to force these for side menu items that we want to stay hidden, e.g., KW pages that aren't ready yet */
.nav-tabs > li.hide {
	display: none !important;
}
.nav-tabs > li > a {
    border: none;
    border-radius: 0;
    font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #70737a;
    background-color: transparent;
    letter-spacing: 1px;
    padding: 14px 20px;
    margin-right: 0;
}
.nav-tabs > li > a .icon {
    margin-right: 10px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #0077c8;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #0077c8;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #0077c8;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #0077c8;
}

/* nested nav-tabs */
.inner-tabs {

}

.tab-content .nav-tabs {
border: 0px;
}

.tab-content .nav-tabs > li > a {
	font-size: 0.8em;
}

.tab-content .tab-content {
	background: none;
}

/* nav-tabs vertical */
.nav-tabs.vertical {
    border-left: 1px solid #e8e9ea;
    border-bottom: none;
}
.nav-tabs.vertical > li {
    float: none;
    margin-bottom: 0;
    padding: 3px 0;
}
.nav-tabs.vertical > li.separator {
	border-bottom:1px solid #e8e9ea;
	margin-bottom: 10px;
	width:90%;
}
.nav-tabs.vertical > li > a {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    color: #505359;
    margin-left: -2px;
    border-radius: 0;
    border: none;
    border-left: 0 solid #ffb500;
    padding-left: 35px;
	white-space: nowrap;
}
.nav-tabs.vertical > li.active > a,
.nav-tabs.vertical > li > a:hover,
.nav-tabs.vertical > li > a:focus {
    color: #ff8200;
    border: none;
    padding-left: 40px;
    border-left: 2px solid #ff8200;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* side menu children, like on the KW menu */
ul.nav-tabs.vertical > li > ul.nav-tabs.vertical {
	border-left: 0px solid #e8e9ea;
}
.nav-tabs.vertical > li > ul > li > a {
	padding-left: 50px;
}
.nav-tabs.vertical > li > ul > li.active > a,
.nav-tabs.vertical > li > ul > li > a:hover,
.nav-tabs.vertical > li > ul > li > a:focus {
	padding-left: 50px;
}

@media (max-width: 767px) {
    .tab-content.vertical {
        padding: 20px 5
    }
	.nav-tabs {
	    border-left: 1px solid #e8e9ea;
	    border-bottom: none;
	}
	.nav-tabs > li {
	    float: none;
	    margin-bottom: 0;
	    padding: 3px 0;
	}
	.nav-tabs > li.separator {
		border-bottom:1px solid #e8e9ea;
		margin-bottom: 10px;
		width:90%;
	}
	.nav-tabs > li > a {
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    font-size: 10px;
	    color: #505359;
	    margin-left: -2px;
	    border-radius: 0;
	    border: none;
	    border-left: 0 solid #ff8200;
	    padding-left: 35px;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
	    color: #ff8200;
	    background-color: transparent;
	    border: none;
	    padding-left: 40px;
	    border-left: 2px solid #ff8200;
	}
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus {
	    color: #ff8200;
	    background-color: transparent;
	    border: none;
	    border-left: 2px solid #ff8200;
	}
}


/* Owl Slider config */
.owl-shop .owl-buttons div {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.owl-shop:hover .owl-buttons div {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
@media (max-width: 991px) {
    .owl-shop .owl-buttons div {
        opacity: 0.9;
    }
}
.owl-shop .owl-el {
    position: relative;
}
.owl-shop .owl-el .owl-popup {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffb500;
    font-size: 18px;
    opacity: 0;
    padding: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.owl-shop:hover .owl-el .owl-popup {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


/* Carousel Controls */
.owl-carousel .owl-controls {
    display: none !important;
}
.owl-carousel.visible-controls .owl-controls {
	display: block !important;
	margin-top: 0;
}
.owl-carousel.controls-2 .owl-buttons {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.owl-carousel.controls-2 .owl-buttons div,
.owl-carousel.controls-3 .owl-buttons div {
    margin: 0;
    color: #fff;
    border: none;
    margin-top: -25px;
    background: rgba(41, 44, 49, 0.7);
    border-radius: 0;
	line-height: 40px;
	padding: 5px;
	font-size: 18px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.owl-carousel.controls-2 .owl-buttons .owl-prev {
	position: absolute;
	left: 0;
}
.owl-carousel.controls-2 .owl-buttons .owl-next {
	position: absolute;
	right: 0;
}

.owl-carousel.controls-3 .owl-buttons {
	position: absolute;
	bottom:0;
	right:0;
}
.owl-carousel.controls-3 .owl-buttons div {
	margin-top:0;
	padding: 0 8px;
}
.owl-carousel.controls-3 .owl-buttons .owl-prev {
	position: absolute;
	right:34px;
	bottom: 0;
}
.owl-carousel.controls-3 .owl-buttons .owl-next {
	position: absolute;
	right: 0;
	bottom: 0;
}

.owl-carousel:not(.visible-controls) .owl-el {
    cursor: move;
    cursor: url("../images/_global/cursor_move.png") 32 10, move;
}
.owl-carousel.owl-p10 .owl-el {
    padding:0 10px;
}
.owl-carousel.owl-p10.controls-2 .owl-buttons .owl-prev {
	margin-left: 10px;
}
.owl-carousel.owl-p10.controls-2 .owl-buttons .owl-next {
	margin-right: 10px;
}
.owl-carousel.owl-p5 .owl-el {
    padding:0 5px;
}
.owl-carousel.owl-p5.controls-2 .owl-buttons .owl-prev {
	margin-left: 10px;
}
.owl-carousel.owl-p5.controls-2 .owl-buttons .owl-next {
	margin-right: 10px;
}

/* Cursor icon */
.sm-cursor .icon {
    color: #ffb500;
    font-size: 36px;
}



/* Buttons */
.btn {
    border-radius: 2px;
    padding: 8px 14px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn:hover {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


/* Button style 2 - simple */
.btn-light {
	display: inline-block;
    	background-color: #e4e4e4;
    	border: 1px solid #e4e4e4 !important;
	border-radius: 3px;
    	color: #404344;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-size: 10px;
    	line-height: 14px;
    	letter-spacing: 1px;
    	padding: 14px 26px;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
    background-color: #dfdfdf;
    border: 1px solid #dfdfdf !important;
    color: #555557;
}


/* Button style 4 - Uppercased */
.btn-dark {
	display: inline-block;
    	background-color: #404449;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	color: #fff;
	border: 1px solid #404449 !important;
    	border-radius: 3px;
    	font-weight: 400;
    	text-transform: uppercase;
    	font-size: 10px;
    	line-height: 14px;
    	letter-spacing: 1.5px;
    	padding: 14px 26px;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
    background-color: #757678;
    border: 1px solid #757678 !important;
    color: #fff;
}


/* Button style 5 - Bordered large - teal flavor */
.btn-teal {
	display: inline-block;
    	background-color: transparent;
    	color: #008eaa;
    	border: 1px solid #008eaa !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-teal.btn-teal-square {
	border-radius:3px;
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
    color: #fff;
    background-color: #008eaa;
    border: 1px solid #008eaa !important;
}

.btn-teal.btn-teal-solid {
    color: #fff;
    background-color: #008eaa;
    border: 1px solid #008eaa !important;
}
.btn-teal.btn-teal-solid:hover,
.btn-teal.btn-teal-solid:focus,
.btn-teal.btn-teal-solid:active,
.btn-teal.btn-teal-solid.active {
    color: #008eaa;
    background-color: transparent;
    border: 1px solid #008eaa !important;
}

/* Add a hover icon */
.btn-teal.go:hover {

}

/* full width buttons */
.btn-teal.width, .btn-teal.btn-teal-solid.width {
	width: 100%;
	text-align: center;
}

/* Button style 5 - blue flavor */
.btn-blue {
	display: inline-block;
    	background-color: transparent;
    	color: #00468b;
    	border: 1px solid #00468b !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-blue.btn-blue-square {
	border-radius:3px;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    color: #fff;
    background-color: #00468b;
    border: 1px solid #00468b !important;
}

.btn-blue.btn-blue-solid {
    color: #fff;
    background-color: #00468b;
    border: 1px solid #00468b !important;
}
.btn-blue.btn-blue-solid:hover,
.btn-blue.btn-blue-solid:focus,
.btn-blue.btn-blue-solid:active,
.btn-blue.btn-blue-solid.active {
    color: #00468b;
    background-color: transparent;
    border: 1px solid #00468b !important;
}

/* Add a hover icon */
.btn-blue.go:hover {

}

/* full width buttons */
.btn-blue.width, .btn-blue.btn-blue-solid.width {
	width: 100%;
	text-align: center;
}

/* Button style 5 - orange flavor */
.btn-orange {
	display: inline-block;
    	background-color: transparent;
    	color: #ff8200;
    	border: 1px solid #ff8200 !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-orange.btn-orange-square {
	border-radius:3px;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    color: #fff;
    background-color: #ff8200;
    border: 1px solid #ff8200 !important;
}

.btn-orange.btn-orange-solid {
    color: #fff;
    background-color: #ff8200;
    border: 1px solid #ff8200 !important;
}
.btn-orange.btn-orange-solid:hover,
.btn-orange.btn-orange-solid:focus,
.btn-orange.btn-orange-solid:active,
.btn-orange.btn-orange-solid.active {
    color: #ff8200;
    background-color: transparent;
    border: 1px solid #ff8200 !important;
}

/* Button style 5 - red flavor */
.btn-red {
	display: inline-block;
    	background-color: transparent;
    	color: #ff0000;
    	border: 1px solid #ff0000 !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-red.btn-red-square {
	border-radius:3px;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    color: #fff;
    background-color: #ff0000;
    border: 1px solid #ff0000 !important;
}

.btn-red.btn-red-solid {
    color: #fff;
    background-color: #ff0000;
    border: 1px solid #ff0000 !important;
}
.btn-red.btn-red-solid:hover,
.btn-red.btn-red-solid:focus,
.btn-red.btn-red-solid:active,
.btn-red.btn-red-solid.active {
    color: #ff0000;
    background-color: transparent;
    border: 1px solid #ff0000 !important;
}

/* Button style 5 - red dark flavor */
.btn-red-dark {
	display: inline-block;
    	background-color: transparent;
    	color: #8b0000;
    	border: 1px solid #8b0000 !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-red-dark.btn-red-dark-square {
	border-radius:3px;
}
.btn-red-dark:hover,
.btn-red-dark:focus,
.btn-red-dark:active,
.btn-red-dark.active {
    color: #fff;
    background-color: #8b0000;
    border: 1px solid #8b0000 !important;
}

.btn-red-dark.btn-red-dark-solid {
    color: #fff;
    background-color: #8b0000;
    border: 1px solid #8b0000 !important;
}
.btn-red-dark.btn-red-dark-solid:hover,
.btn-red-dark.btn-red-dark-solid:focus,
.btn-red-dark.btn-red-dark-solid:active,
.btn-red-dark.btn-red-dark-solid.active {
    color: #8b0000;
    background-color: transparent;
    border: 1px solid #8b0000 !important;
}

/* Button style 5 - Bordered large White */
.btn-white {
	display: inline-block;
    	background-color: transparent;
    	color: #ffffff;
    	border: 1px solid #ffffff !important;
    	border-radius: 20px;
    	padding: 14px 26px;
    	font-size: 10px;
    	line-height: 14px;
    	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: 400;
    	letter-spacing: 1px;
}
.btn-white.btn-white-square {
	border-radius:3px;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
    color: #00468b;
    background-color: #ffffff;
    border: 1px solid #ffffff !important;
}

.btn-white.btn-white-solid {
    color: #00468b;
    background-color: #ffffff;
    border: 1px solid #ffffff !important;
}
.btn-white.btn-white-solid:hover,
.btn-white.btn-white-solid:focus,
.btn-white.btn-white-solid:active,
.btn-white.btn-white-solid.active {
    color: #00468b;
    background-color: transparent;
    border: 1px solid #ffffff !important;
}



/* Background buttons */
.btn-bg {
	display: inline-block;
    color: #fff;
    background-color: #ffb500;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 14px 26px;
    font-size: 10px;
    line-height: 14px;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    opacity: 0.85;
}

.btn-bg:hover,
.btn-bg:focus,
.btn-bg:active {
	opacity: 1;
	border: 1px solid transparent;
    color: #fff;
}

.btn-bg.rounded {
	border-radius: 20px;
}


/* 3d Buttons */
.btn-bg.btn-3d {
	border:3px solid transparent;
	border-bottom:3px solid rgba(0,0,0,0.3);
}
.btn-bg.btn-3d:hover {
	border-bottom:3px solid rgba(0,0,0,0.4);
}

/* Buttons - dimensions */
.btn-large {
	padding:14px 22px;
	font-size:12px;
}
.btn-extra-large {
	padding:20px 30px;
	font-size:16px;
}
.btn-small {
	padding: 8px 14px;
}
.btn-icon .icon {
    margin-right: 8px;
}

/* Button subtext */
.btn-subtext {
	display: inline-block;
	text-align: center;
	line-height:30px;
	font-size:16px;
	padding:16px 50px 14px;
}
.btn-subtext small {
	display:block;
	font-size:11px;
	text-transform: none;
}

/* Icon Buttons - no text, just a FA icon in the, e.g., KW Program Action Items */
.btn-icon {
	display: inline-block;
    	background-color: #e4e4e4;
    	border: 1px solid #e4e4e4 !important;
	border-radius: 3px;
    	color: #00468b;
    	text-transform: uppercase;
    	font-size: 18px;
    	line-height: 18px;
    	letter-spacing: 1px;
    	padding: 14px 16px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* Group Buttons - Dropdown menu */
.dropdown-menu {
    min-width: 150px;
    margin: 0;
    background-color: #f6f6f6;
    border: none;
    border-radius: 2px;
}
.dropdown-menu > li > a {
    color: #444450;
    padding: 5px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #eaeaea;
}


/* Tooltips */

.tooltip {
	pointer-events: none;
}

.tooltip-inner {
    padding: 12px 16px;
    border-radius: 3px;
    color: #e0e2e7;
    background-color: rgba(15, 15, 20, 0.9);
    line-height:22px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: rgba(15, 15, 20, 0.9);
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(15, 15, 20, 0.9);
}
.tooltip.right .tooltip-arrow {
    border-right-color: rgba(15, 15, 20, 0.9);
}
.tooltip.left .tooltip-arrow {
    border-left-color: rgba(15, 15, 20, 0.9);
}

.tooltip.right {
	margin-left: 15px;
}


/* Popovers */
.popover {
    border-radius: 0;
    font-family: "SegoeUI", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none;
    background-color: #fcfcfc;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    color: #667;
    padding: 3px 3px 8px;
}
.popover-title {
    padding: 0 12px 0;
    margin: 10px 0 10px 15px;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px !important;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 16px;
    background-color: inherit;
    border-bottom: none;
    border-radius: 0;
    border-left: 2px solid #ffb500;
}

/* Modals */
.modal {
    z-index: 999999;
}
.modal-open {
    padding-right: 0 !important;
}
.modal-content {
    border-radius: 2px;
    background-color: #fafafa;
    padding: 10px;
}
.modal-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px !important;
    line-height: 20px !important;
    padding:0 15px 0 !important;
    border-left:2px solid #0077c8 !important;
    color: #505459 !important;
    margin-top:10px !important;
}
.modal-header,
.modal-footer {
    border: none;
}




/* Alerts */
.alert {
    border-radius: 1px;
    border: none;
    padding: 10px 20px;
    position: relative;
    border-left:4px solid rgba(0,0,0,0.2);
}
.alert.alert-dark {
	background-color: #303339;
    color: #e0e3e8;
    padding: 20px 40px 20px 20px;
}
.alert .icon {
    display: block;
    float: left;
    margin: 5px 20px 15px 5px;
}
.alert.alert-dismissable .close {
    position: absolute;
    right: 10px;
    top: 5px;
}
.alert.alert-dismissable .close:hover,
.alert.alert-dismissable .close:focus {
	color: #ffb500;
	opacity: 1;
}
.alert-modal {
    position: fixed;
	z-index: 1000; /* one more than the header bar, 999 */
    top: 430px; /* start at the top of the content */
    left: 0;
    opacity: 0;
    width: 100%;
    margin-top: -30px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.alert-modal.alert-modal-on {
    opacity: 0.95;
    margin-top: 0;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.alert-modal.alert-modal-on.scrolled {
	top: 80px; /* right below the menu */
}
.alert-modal .alert {
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}

.alert-modal a {
	color: #ff8200;
}

.alert-modal a:hover {
	color: #9bb8d3;
}



/* Pagination */
.pagination {
    margin: 50px 0 10px;
}
.pagination > li > a {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    border: none;
    margin-right: 7px;
    padding: 5px 12px;
    color: #889;
    background-color: transparent;
    border-radius: 0;
}
.pagination > li > a > .icon {
    font-size: 18px;
    display: inline-block;
    margin-top: 1px;
}
.pagination > .active > a {
    color: #ffb500;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.pagination li:first-child.disabled a {
    padding-left: 0 !important;
}
.pagination li:first-child a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination li:last-child a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination > li a:hover,
.pagination .active a:hover {
    color: #ffb500;
    background-color: transparent;
}
.pagination > .disabled a {
    background: transparent;
    border: none;
    color: #99a;
}
.pagination > .disabled a:hover {
    background: transparent;
}


/* Magnific Popup */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

/* for vertical YouTube videos (or shorts), include a class of video-popup-vertical on the calling link, which will force the vertical/portrait size on the iframe. This will also adjust the mfp-iframe-scaler below */
.mfp-iframe-holder.mfp-iframe-holder-vertical .mfp-content {
	width: auto;
	max-width: 100%;
	height: 100%;
}


.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
  	width: 100%;
  	height: 0;
  	overflow: hidden;
  	padding-top: 56.25%; /* 16:9 resolution, which is 9/16 */
}


.mfp-iframe-holder-vertical .mfp-iframe-scaler {
	/* Note: the vertical embed uses the newer aspect-ratio property, rather than old school padding-top hack above */
	height: 100%;
	width: auto;
	aspect-ratio: 9/16;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


.mfp-bg,
.mfp-wrap {
    z-index: 999999;
}
.mfp-counter {
    width: 50px;
    text-align: right;
}
.mfp-close {
    color: #fff;
    cursor: pointer;
}
.mfp-close:hover {
    color: #ffb500;
    cursor: pointer !important;
}
.mfp-zoom-out-cur .header-wrapper {
    z-index: 0 !important;
}
button.mfp-arrow {
    background-color: rgba(0, 0, 0, 0.6);
}
.mfp-arrow-left:before {
    border-right: none;
}
.mfp-arrow-left:after {
    border-right: 20px solid #fff;
    margin-left: 25px;
}
.mfp-arrow-right:before {
    border-left: none;
}
.mfp-arrow-right:after {
    border-left: 20px solid #fff;
}
.title-mfp {
    margin: 4px 0 0 4px;
    font-size: 10px;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d1d2d3;
    font-weight: 400;
}
.popup {
	position: relative;
}
.popup .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(41,44,49,0.7);
	opacity:0;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.popup .mask .popup-triangle {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 60px 60px 0;
	border-color: transparent rgba(255,181,0,0.9) transparent transparent;
}
.popup .mask a {
	position: absolute;
	top: 8px;
	right: 9px;
	color: #fff;
	font-size: 16px;
	z-index:3;
}
.popup:hover .mask {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}


/* Blockquotes */
.blockquote {
    border-left: 2px solid #259a47;
    background: #f5f5f5;
}
.blockquote p {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    color: #898994;
    margin-bottom: 10px;
}
.blockquote cite {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #0077c8;
}
.blockquote small {
    display: inline-block;
    font-size: 13px;
}
.blockquote.large p {
    font-size: 20px;
}
.blockquote-2 {
    border-left: 3px solid #ddd;
}

.blockquote-3 {
    border-left: 3px solid #0077c8;
}



/* The fancy blockquote with the big quote */

blockquote.fancy {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
position: relative;
color: #878787;
font-size: 1.2em;
margin: 0px 0px 20px 40px;
border: 0px;
}

blockquote.fancy:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -25px;
top: 20px;
color: #7a7a7a;
padding: 2px; /* note: Safari was cutting off on NephSAP so added padding */
}

blockquote.fancy cite {
color: #7a7a7a;
font-size: 14px;
display: block;
margin-top: 5px;
font-style: normal;
} 

blockquote.fancy cite:before {
content: "\2014 \2009";
}



/* the MB style blockquote, with quote symbol and lifted callout via drop-shadow */

.mb-blockquote.mb-wrap {
	width: 300px;
	padding: 20px;
	position: relative;	
}

.mb-blockquote.mb-wrap p{
	margin: 0;
	padding: 0;
}

.mb-blockquote.mb-wrap blockquote {
	margin: 0;
	padding: 0;
	position: relative;
}

.mb-blockquote.mb-wrap cite {
	font-style: normal;
}

.mb-blockquote.mb-style-3 {
	width: 100%;
}

.mb-blockquote.mb-style-3 blockquote{
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 
		inset 0 2px 0 rgba(255, 181, 0, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
}

.mb-blockquote.mb-style-3 blockquote:after, 
.mb-blockquote.mb-style-3 blockquote:before  {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mb-blockquote.mb-style-3 blockquote:after  {
	border-top-color: #ffffff;
	border-width: 10px;
	left: 85%;
	margin-left: -10px;
}

.mb-blockquote.mb-style-3 blockquote:before {
	border-top-color: rgba(0,0,0,0.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px;
}

.mb-blockquote.mb-style-3 blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #b4b4b4;
	font-weight: 400;
	line-height: 40px;
	font-style: italic;
	text-indent: 100px;
	position: relative;
}

.mb-blockquote.mb-style-3 blockquote p:before{
	content: '\201C';
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: 0px;
	left: -105px;
	color: #00468b;
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.mb-blockquote.mb-style-3 .mb-attribution {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}

.mb-blockquote.mb-style-3 .mb-thumb {
	display: block;
	width: 70px;
	height: 70px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: url(/thumb/?img=/images/_global/avatar.jpg&w=70&h=70) no-repeat center center;
	position: absolute;
	right: 10px;
	bottom: 5px;
	box-shadow: 
		inset 1px 1px 4px rgba(0,0,0,0.5),
		0 2px 3px rgba(0,0,0,0.6);
}

.mb-blockquote.mb-style-3 .mb-author{
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #00468b;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

.mb-blockquote.mb-style-3 cite {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #0077c8;
}

.mb-blockquote.mb-style-3 cite a{
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #0077c8;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.mb-blockquote.mb-style-3 cite a:hover{
	color: rgba(188, 147, 200, 1);
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}



/* Lists */
.unstyled-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-medium > li {
    margin-bottom: 5px;
}

.list-2 {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-2 li {
    margin-bottom: 15px;
    font-size: 12px;
}
.list-2 li:last-child {
    margin-bottom: 0;
}
.list-2 li span {
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
}

.list-3 {
	list-style: none;
    padding: 0;
    margin: 0;
}
.list-3 > li {
	font-family: "GothamMedium", "Montserrat";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	margin-bottom: 10px;
}


/* Icons */
.icon-box {
	display: inline-block;
	font-size:15px;
	line-height:20px;
	width:40px;
	height:40px;
	padding:10px;
	border-radius:1px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-large {
	font-size:19px;
	line-height:28px;
	width:50px;
	height:50px;
	padding:11px;
}
.icon-extra-large {
	font-size:22px;
	line-height:30px;
	width:60px;
	height:60px;
	padding:15px;
}
.icon-dark {
	background-color: #404247;
}
.icon-grey {
	background-color: #aaabab;
}
.icon-rounded {
	border-radius: 7px;
}
.icon-circle {
	border-radius: 50%;
}
.icon-bordered {
	border: 1px solid #404247;
	color: #404247;
}
.icon-box.icon-main {
	background-color: #ffb500;
}
.icon-3d {
	background-color: #ffb500;
	border-bottom: 4px solid rgba(41,44,49,0.4);
}
.icon-simple {
	color: #404247;
}

.icon-box:hover,
.icon-box:focus {
	color: #fff;
	background-color: #ffb500;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-box.icon-main:hover,
.icon-box.icon-main:focus {
	color: #fff;
	background-color: #ffb500;
	opacity:0.8;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-box.icon-social:hover,
.icon-box.icon-social:focus {
	color: #fff;
	opacity:0.7;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-bordered:hover,
.icon-bordered:focus {
	color: #ffb500;
	border-color: #ffb500;
	background-color: transparent;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-3d:hover,
.icon-3d:focus {
	color: #fff;
	background-color: #ffb500;
	border-bottom: 4px solid rgba(41,44,49,0.8);
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.icon-simple:hover,
.icon-simple:focus {
	color: #ffb500;
	background-color: transparent;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}


.custom-icon-2 {
	font-size:180px;
	color:#cacbce;
}

/* Dropcaps */
.dropcap {
    float: left;
    font-family: Georgia;
    text-align: center;
    padding: 10px 15px;
    margin: 8px 20px 0 2px;
    background-color: #40444a;
    color: #eaecee;
    font-size: 40px;
    line-height: 35px;
    border-radius: 4px;
}
.dropcap.bordered {
    background-color: transparent;
    color: #40444a;
    border-radius: 4px;
    border: 1px solid #40444a;
}
.dropcap.shadow {
    box-shadow: 0 2px 4px #303339;
}
.dropcap.circle {
    border-radius: 50%;
}


/* Dividers */
.divider {
    height: 1px;
    background-color: #ddd;
    margin: 30px auto;
}
.divider.d2 {
    background: none;
    border-top: 1px dashed #ddd;
}
.divider.d3:after {
    content: "";
    display: block;
    width: 25%;
    height: 1px;
    position: relative;
    background-color: #ffb500;
    margin: 0 auto;
}
.divider.d4 {
    text-align: center;
    margin: 40px auto;
}
.divider.d4 span {
    background: #f5f5f5;
    color: #60636a;
    padding: 0 18px;
    position: relative;
    top: -12px;
    font-size: 14px;
}
.divider.d4.text-left span {
    padding: 0 18px 0 0;
}
.divider.d4.text-right span {
    padding: 0 0 0 18px;
}



/* *********************  Footers   ********************* */

.footer-wrapper {
    background-color: #303236;
    color: #d8dade;
    position: relative;
    padding: 60px 0 40px;
}
.footer-widget {
    margin-bottom: 50px;
}
.footer-widget .read-more, 
.footer-widget .read-more:hover, 
.footer-widget .read-more .icon {
	color: #ffb500;
}
@media (max-width: 991px) {
	.footer-widget {
	    margin-bottom: 60px;
	}
}


/* Footer title */
.footer-title {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 30px;
    color: #d8dade;
    letter-spacing: 1px;
    padding: 0 0 0 15px;
    border-left: 2px solid #ffb500;
}

/* Society News - footer */
.footer-news {
	display: none;
}

/* ASN Logos - footer */
.footer-logos {
	display: none;
	margin-right: 30px;
}

/* Social icons - footer */
.footer-social {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social > li {
    margin-right: 28px;
    display: inline-block;
}
.footer-social > li:last-child {
    margin-right: 0;
}
.footer-social > li > a {
    color: inherit;
    padding-top: 15px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.footer-social > li > a > .icon {
    color: inherit;
    opacity: 0.9;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.footer-social > li > a:hover > .icon,
.footer-social > li > a:focus > .icon {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

/* Adjust the new Twitter logo in the footer - it is just a little too big */
.footer-social > li > a > .icon.icon-asn-twitter-x {
	font-size: 0.8em;
}


/* Footer links */
.footer-links {
    margin: 0;
    padding: 0;
}
.footer-links > li {
    margin: 0 20px 15px 0;
    display: inline-block;
    list-style: none;
}
.footer-links > li:last-child {
	margin-right: 0;
}
.footer-links > li > a {
    font-size: 12px;
    color: #d0d3d8;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.footer-links > li > a:hover,
.footer-links > li > a:focus,
.footer-links > li > a:active {
    color: #ffb500;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.footer-links.footer-links-2 > li {
	display: block;
	margin:0 0 5px 0;
}
.footer-links.footer-links-2 > li > a,
.footer-links.archives > li > a {
	font-size: 14px;
}
.footer-links.footer-links-2 > li > a .icon,
.footer-links.archives > li > a .icon {
	margin-right:10px;
	font-size:10px;
	color: #ffb500;
}

.footer-links.archives > li {
	display: block;
	margin:0 0 8px 0;
}
.footer-links.archives > li > a span {
	margin-left: 10px;
	font-size: 13px;
	opacity: 0.8;
}

/* Tags */
.tags.footer-tags a {
	color: inherit;
}
.tags.footer-tags a:hover {
	color: #ffb500;
}

/* Twitter Feed */
.footer-tweet .tweet-content {
    color: inherit;
}
.footer-tweet.sidebar-tweet small {
    color: inherit;
    opacity: 0.7;
}
.footer-tweet.sidebar-tweet .icon {
    color: #808389;
    font-size: 90px;
    opacity: 0.2;
}

/* Footer Posts */
.footer-posts .sidebar-post {
    margin-bottom: 18px;
}
.footer-posts .sidebar-post a {
    color: #d8dade;
}
.footer-posts .sidebar-post .info-post span {
    color: inherit;
    opacity:0.7;
}


/* Footer Socials from Sidebar */
.footer-socials.sidebar-socials a {
    color: inherit;
}
.footer-socials.sidebar-socials a:hover,
.footer-socials.sidebar-socials a:focus {
    color: #ffb500;
}
.footer-socials.sidebar-socials > li span {
    color: inherit;
    opacity:0.8;
}


/* Copyright */
.copyright {
    font-size: 12px;
    color: #d0d3d8;
    padding-top:2px;
    margin-bottom: 10px;
}
@media (max-width:767px) {
	.copyright {
		margin-top:10px;
	}
}


/* Contact widget */
.contact-widget {
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 6px;
}
.contact-widget p {
    margin-bottom: 25px;
}
.contact-widget .icon {
    color: #ff8200;
    margin-right: 15px;
}


/* Contact widget 2 */
.list-2.footer-contact li {
	margin-bottom: 0;
}
.list-2.footer-contact li.separator {
	margin:12px 0;
}

/* Image Feed */
.image-feed {
	margin-right: 0;
	padding: 0;
	list-style: none;
}
.image-feed > li {
	display: inline-block;
	padding:0 5px 8px 0;
}
.image-feed > li img {
	width: 70px;
	height: 65px;
	border-radius: 1px;
}


/* Color Dark on Footer */
.footer-color-dark,
.footer-color-dark .footer-posts .sidebar-post a {
	color: #606369;
}
.footer-color-dark .footer-posts .sidebar-post a:hover {
	color: #ffb500;
}
.footer-wrapper.footer-color-dark .footer-title,
.footer-wrapper.footer-color-dark .footer-links > li > a,
.footer-wrapper.footer-color-dark .copyright {
    color: inherit;
}
.footer-wrapper.footer-color-dark .footer-social > li > a > .icon {
    color: #a2a6aa;
}


/* Footer grey */
.footer-wrapper.footer-grey {
    background-color: #f1f2f2;
    border-top: 1px solid #ddd;
}

/* Footer no background */
.footer-wrapper.footer-no-background {
    background-color: transparent;
    color: #606369;
    border-top:1px solid #eee;
}

/* Footer Background */
.footer-wrapper.footer-background {
	position: relative;
	padding: 80px 0 55px;
}
.footer-wrapper.footer-background.style-2 {
	padding: 70px 0 0;
}
.footer-wrapper.footer-background.style-2 .sub-footer {
	margin-top:10px;
	padding:25px 0 10px;
	background-color: rgba(41,44,49,0.6)
}

/* Sub footer */
.footer-2 {
	padding:60px 0 0;
}
.footer-2 .sub-footer {
	background-color: #2a2c2e;
	padding:20px 0 5px;
	margin-top:10px;
}
.footer-3 {
	padding:60px 0 0;
}
.footer-3 .sub-footer {
	background-color: #f5f5f5;
	padding:20px 0 5px;
	margin-top:10px;
	color: #505359;
}
.footer-3 .sub-footer * {
	color: inherit;
}



/* *********************  Social Icons  ********************* */

.social-icon {
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 30px;
    list-style: none;
}
.social-icon > li {
    display: inline-block;
    margin-right: 16px;
}
.social-icon > li:last-child {
    margin-right: 0;
}
.social-icon > li > a {
    display: table;
}
.social-icon .icon, .social-icon .icon-asn {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px !important;
    line-height: 1;
    font-size: 14px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #999a9e;
    background: none;
}
.social-icon .icon-asn {
	font-size: 44px;
}

/* one-off resizing, for dumb logos */
.social-icon .icon-asn-kidneycure {
	font-size: 41px;
}

.social-icon .icon-asn-ntds {
	font-size: 43px;
}

.social-icon a:hover .icon, .social-icon a:hover .icon-asn {
    background-color: transparent;
    color: #ffb500;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.social-icon.social-light .icon, .social-icon.social-light .icon-asn {
    color: #b3b6ba;
}
.social-icon.social-bg .icon, .social-icon.social-bg .icon-asn {
    background-color: #ffb500;
    color: #fff;
}
.social-icon.social-bg > li > a:hover .icon, .social-icon.social-bg > li > a:hover .icon-asn {
    background-color: #ffb500;
    color: #fff;
    opacity: 0.6;
}
.social-icon.circle .icon, .social-icon.circle .icon-asn {
    border-radius: 50%;
}
.social-icon.rounded .icon, .social-icon.rounded .icon-asn {
    border-radius: 3px;
}
.social-icon.simple .icon, .social-icon.simple .icon-asn {
    color: #778;
    background-color: transparent;
}
.social-icon.simple > li > a:hover .icon, .social-icon.simple > li > a:hover .icon-asn {
    background-color: transparent;
    color: #ffb500;
    border: none;
}

/* Content Socials */
.content-socials {
    padding: 0;
    margin: 0 10px 0 0;
    list-style: none;
}
.content-socials > li {
    margin-bottom: 15px;
	display: inline;
}
.content-socials a {
    color: #667;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
}
.content-socials a:hover,
.content-socials a:focus {
    color: #ffb500;
}
.content-socials .icon {
    display: inline-block;
    font-size: 26px;
    margin-right: 10px;
    color: #ff8200;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    height: 60px;
    padding-top: 15px;
    border: 1px solid #ff8200;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.content-socials > li:hover .icon {
    background-color: #ff8200;
    color: #fff;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.content-socials > li span {
    float: right;
	margin-left: 50px;
	margin-top: -16px;
	display: block;
    font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: 400;
    color: #889;
}



/* *********************  Animations    ********************* */

/* fade */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/* Appear animations */
.animated {
    opacity: 0;
}
.animated.on {
    opacity: 1;
}



/* *********************  Animsition loading    ********************* */

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animsition-loading {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animsition-loading:after {
  position: fixed;
  top: 50%;
  width: 100%;
  margin-top: 20px;
  font-size: 9px;
  color: #aaacae;
  text-align: center;
  content: "loading...";
  text-transform: uppercase;
  font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
          animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* *********************  Updates    ********************* */

/* Update v1.0.1 */
.form-subscribe .form-control {
	height: 42px;
	background-color: #eaebf0;
}
.g-recaptcha iframe {
	height:78px;
}

/* Update v1.1.0 */
/* Changed in update v1.3.0 */
.menu-badge {
    color: rgba(255,181,0,0.9) !important;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    margin-left: 10px;
}

/* Update v1.2.0 */
/* Working widgets */

/* Twitter Feed */
.twitter-feed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.twitter-feed ul > li {
	margin-bottom:40px;
	border-bottom: 1px solid #eaebee;
}
.twitter-feed ul > li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.twitter-feed a {
	color: #505259;
}
.twitter-feed a:hover,
.twitter-feed a:focus,
.twitter-feed a:active {
	color: #202329;
}
.twitter-feed .tweet-section a {
	color: rgba(255,255,255,0.7);
}
.twitter-feed .tweet-section a:hover,
.twitter-feed .tweet-section a:focus,
.twitter-feed .tweet-section a:active {
	color: rgba(255,255,255,1);
}

.tweet-section {
	padding: 30px 20px 5px;
}

/* Flickr Feed */
.flickr-carousel img {
	width:100%;
	height:320px;
}


/* Mailchimp form */
.form-mailchimp button,
.form-mailchimp .form-control {
	height:42px;
}


/* v1.3.0 */
/* Megamenu and Submenu font style */
.submenu,
.megamenu {
    text-transform: capitalize;
    font-size: 10px;
    letter-spacing: 0.5px;
}
.vertical-menu-list.onepage-list {
	padding: 0;
}
.vertical-menu-list.onepage-list > li > a {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #d0d4d8;
    font-weight: 400;
    letter-spacing: 1.5px;
    font-size: 10px;
    margin-bottom:10px;
}

.vertical-menu-list.onepage-list > li > a:hover,
.vertical-menu-list.onepage-list > li > a:focus,
.vertical-menu-list.onepage-list > li.current > a {
	color: #ffb500;
}


/* Body large boxed */
@media (min-width:992px) {
	.large-boxed {
		padding: 40px;
		background-color: #e5e6e7;
	}
	.large-boxed #wrapper {
		background-color: #f5f5f5;
		box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
	}
	.large-boxed .menu-fixed .main-header,
	.large-boxed .header-transparent .main-header {
        width:calc(100% - 80px); 
        left:auto;
        margin:0 auto;
    }
}


/* *********************  Login Form  ********************* */

._IE-alert, ._load {
	background-color: #f5f5f5 !important;
}

._load ._load-middle ._load-circle {
	border: 3px solid #ddd !important;
	border-top: 3px solid #f5f5f5 !important;
}

._login-container{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

._login-bg:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}

._login-form{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

._position-stuck{
	bottom: 16px;
}

._position-middle-stuck{
	top: 50px;
}

._login-img{
	margin-top: -50px;
}
._login-img img{
	max-width: 150px;
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

._white{
	color: #fff;
}

._black{
	color: #444;
}

._login-form ._position-middle{
	text-align: left;
	width: 100%;
	margin: auto;
}

._layout-xs{
	max-width: 360px;
	margin: auto;
}

._login-form p {
	margin-bottom: 30px;
}

._login-form .btn:hover{
	color: #fff;
}

._password-show{
	position: absolute !important;
	top: 7px;
	right: 0;
	padding: 2px 12px;
	border-radius: 4px;
	background-color: #008eaa;
	display: inline-block;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 100;
}

._password-show:hover{
	opacity: 0.8;
}

._login-position-middle{
	margin-top: 20px;
}

@media (min-width: 993px){
	._login-position-middle{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
		width: 100%;
		z-index: 100;
	}

	._login-position-bottommiddle{
		position: absolute;
		bottom: 16px;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
		text-align: center;
	}
}

@media (max-width: 992px){
	._login-position-middle{
		position: relative;
	}
	._login-form{
		overflow-y: auto;
		overflow-x: hidden;
	}
	._login-position-bottommiddle{
		margin: 32px 16px;
	}
}

._login-form h4 {
	font-size: 1.7em;
	color: #00468b;
}

._login-form h4.loggedin {
	font-size: 1.4em;
}

.input-field .prefix.active {
	color: #259a47 !important;
}

._login-form input:focus {
	border-bottom: 1px solid #259a47 !important;
	-webkit-box-shadow:0 1px 0 0 #26a69a !important;
	box-shadow:0 1px 0 0 #26a69a !important;
}

._login-form .btn-large { 
	background-color: #008eaa !important;
}

._login-form .btn-large:hover{
	color: #fff;
	background-color: #019ab8 !important;
}

._login-form .btn-large i {
	font-size: 1.2rem !important;
}

._text-btn{
	position: absolute;
	right: 120%;
	top: -16px;
}

@media (min-width: 993px){
	._login-position-middle-stuck{
		top: 45%;
		left: 75%!important;
	}
}

._stack-behind {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#008eaa), to(#00468b));
	background-image: -webkit-linear-gradient(bottom, #008eaa 0%, #00468b 100%);
	background-image: -o-linear-gradient(bottom, #008eaa 0%, #00468b 100%);
	background-image: linear-gradient(to top, #008eaa 0%, #00468b 100%);
	-webkit-transition: 40s;
	-o-transition: 40s;
	transition: 40s;
}

._login-container:hover ._stack-behind{
	-webkit-filter: hue-rotate(360deg);
	        filter: hue-rotate(360deg);
}

._bg-white{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	        box-shadow: 0 0 3px rgba(0,0,0,0.1);
	border-radius: 8px;
}

._stack-behind-bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 350px;
	background-image: url(/images/dynamic/bg.aspx?type=microscope); /* Note: dynamic image. Also will be refreshed via js */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
	        box-shadow: 0 0 5px rgba(0,0,0,0.8);
}

._stack-behind-bg:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}

._position-leftmiddle {
	width: 80%; /* note: since we took this out of the flow, it no longer inherits from parent, so js will resize it to 80% of ._stack-behind-bg */
	z-index: 1;
}

._lily-pad-stuck{
	padding: 20px !important;
}

._position-leftmiddle ._lily-pad-stuck {
	margin-left: 50px;
	position: relative;
}

._lily-pad-stuck h1 {
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

._lily-pad-stuck p {
	font-family: 'SegoeUI', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



@media (min-width: 993px){
	._lily-pad-stuck{
		padding: 20px 25px;
	}
}

/* In Edge, the link onclick event (which controls the postback) won't fire if you click exactly on the icon or the word, 
since they are on top of the button (and children), but the sending shows, so the user thinks they are just stuck on the age. 
Apply pointer-events: none to basically make them "transparent", so the button underneath can be clicked, calling the onclick */

.btn-large span, .btn-large i {
	pointer-events: none;
}

/* *********************  Search Page and Forms  ********************* */

/*---------------------------------------------------------------*/
/* Main Search Page and Results at /search/
/*---------------------------------------------------------------*/

	.ux-post {
		position:relative; background-position:center !important; background-size:cover !important; margin-bottom:30px;
	}
	.ux-post.img-bg {
		padding:20px;
	}	
	.ux-post.no-bg {
		padding:0px;
	}
	.ux-post .post-content {
		position:relative; padding:40px; background-color:rgba( 35, 35, 35, 0.95 );
	}
	.ux-post .post-title {
		margin-top:0;
	}
	.ux-post .post-title,
	.ux-post .post-title a:hover,
	.ux-post.no-bg .post-title a,
	.ux-post.no-bg .post-title a:hover,
	.ux-post .post-meta a {
		color:#fff;
	}
	.thumbnail.ux-post .post-title a,
	.thumbnail.ux-post .post-title a:hover,
	.thumbnail.ux-post .post-meta a {
		color:#232323;
	}
	.ux-post .desc {
		margin-bottom: 0px;
	}
	.ux-post .keywords {
		font-size: 0.8em;
	}
	.ux-post .keywords strong {
		color: #bbbbbb;
	}
	.ux-post .post-title:hover a {
		text-decoration:underline;
	}
	.ux-post .post-meta {
		margin:0 0 8px 0; color:#fff;
	}
	.post-meta > i {
		margin-right:6px; font-size:13px;
	}
	.post-meta > span {
		display:inline-block; 
		/* margin-right:15px; */
	}
	.post-meta > span.page-url {
		font-size: 0.75em;
	}
	.bottom-icons {
		position: absolute;
		right: 20px;
	}
	.ux-post img {
		max-width: 200px !important;
	}

/*---------------------------------------------------------------*/
/* Mobile Search Form
/*---------------------------------------------------------------*/

/* Layout for search container */
#search-form-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 50vh;
}

#search-form-mobile-close {
	font-size: 2em;
	position: absolute;
	top: 1.25em;
	right: 1.25em;
	display: block;
}

#search-form-mobile form {
	margin: 5em 0;
}

#search-form-mobile input {
	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 7vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	max-width: 900px;
	background: transparent;
	color: #0077c8;	
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 4px solid #0077c8;
}

#search-form-mobile input:focus {
	outline: none;
}

#search-form-mobile input::-webkit-input-placeholder {
	opacity: 0.1;
	/* WebKit, Blink, Edge */
	color: #0077c8;
}

#search-form-mobile input::-moz-placeholder {
	opacity: 0.1;
	/* Mozilla Firefox 19+ */
	color: #0077c8;
}

#search-form-mobile input:-ms-input-placeholder {
	opacity: 0.1;
	/* Internet Explorer 10-11 */
	color: #0077c8;
}

#search-form-mobile input::-webkit-search-cancel-button,
#search-form-mobile input::-webkit-search-decoration {
	-webkit-appearance: none;
}

#search-form-mobile input::-ms-clear {
	display: none;
}

#search-form-mobile .info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
}

/************************/
/* Transitions 			*/
/************************/

.wrapper--move {
	transform: perspective(1000px) translate3d(0,50vh,0) rotate3d(1,0,0,30deg);
}

#search-form-mobile {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.6s;
}

#search-form-mobile.search--open {
	pointer-events: auto;
	opacity: 1;
}

/* Close button */
#search-form-mobile-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

#search-form-mobile.search--open #search-form-mobile-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

/* Search form with input and description */
#search-form-mobile form {
	opacity: 0;
	transform: scale3d(0.7, 0.7, 1);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-delay: 0.3s;
}

#search-form-mobile.search--open form {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

@media screen and (max-width: 40em) {
	#search-form-mobile-close {
		font-size: 1.25em;
	}
}


/* ********************* Error Pages ********************* */
    
    .text-404 {
        font-size: 280px;
        font-weight: bold;
        line-height: 100%;
        display: block;
        text-align: center;
	color: #d0d3d7;
        opacity: 0.4;
    }
    
    
    .over-404 {
        position: absolute;
        top: 55%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
        width: 100%;
    }
    
    .title-404 {
        font-weight: 600;
        color: #606367;
        font-size: 40px;
        margin-bottom: 60px;
        text-align: center;
        line-height: 42px;
    }
    
    .content-404 {
        position: relative;
        text-align: center;
    }
    
    @media (max-width: 767px) {
        .page-404 .text-404 {
            font-size: 130px;
            margin-bottom: 30px;
        }
        .page-404 .over-404 {
            position: relative;
            top: 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            width: 100%;
        }
        .page-404 {
            padding: 50px 0;
        }
        .title-404 {
            font-size: 36px;
            margin-bottom: 30px;
            line-height: 46px;
        }
    }
    
  .sidebar-search.search-404 {
	width: 300px;
	margin: 0 auto;
   }
	
    .sidebar-search.search-404 input {
        border-bottom: none;
        border: 1px solid #eaeaea;
        padding: 5px 30px;
        border-radius: 3px;
	background: #ffffff
    }
    
    .sidebar-search.search-404 .button {
        top: 8px;
	position: absolute;
    	right: 14px;
    	background-color: transparent;
    	color: #008eaa;
    	border: none;
    }

.sidebar-search.search-404 .button:hover {
	color: #259a47;
}
    
    .list-404 {
        margin: 0 -15px;
        padding: 0;
        list-style: none;
    }
    
    .list-404 > li {
        display: inline-block;
        padding: 0 15px;
    }
    
    .list-404 > li > a {
        color: #808388;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
    }
    
    .list-404 > li > a:hover {
        color: rgb(252, 200, 19);
    }


/* *********************  #content Adjustments ********************* */

#content h3, #content h4, #content h5, #content h6 {
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content h3 {
	/* color: #00468b; */
	font-size: 32px;
	line-height: 1.2em;
	font-weight: bold;
	color: rgba(0,70,139, 0.8);
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
}

#content h4 {
	border-left: 2px solid #dddddd;
	padding-left: 15px;
	font-size: 20px;
	line-height: 34px;
	color: #0077c8;
	font-weight: normal;
}

#content h5 {
	border-left: 2px solid #dddddd;
	padding-left: 15px;
	line-height: 24px;
	font-size: 16px;
	color: #556
}

#content h6 {
	font-size: 14px;
	text-transform: uppercase;
}

#content h3 span, #content h4 span, #content h5 span, #content h6 span {
	font-weight: normal;
	text-shadow: none;
}

/* note: may need to apply !important to linked elements we don't want this on, e.g., buttons */
#content p > a {
	border-bottom: 1px dotted #777;
}

#content p > a:hover {
	border-bottom: 1px dotted #9bb8d3;
}


/* *********************  ASNv3 Elements, Carried Over ********************* */

/*---------------------------------------------------------------*/
/* Breadcrumb
/*---------------------------------------------------------------*/

.current_crumb {
	color: #ff8200;
}

/*---------------------------------------------------------------*/
/* Old School Columns - Replace with Bootstrap 12 Column Grid, When You Can
/*---------------------------------------------------------------*/

.one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;}

#content .one_half {float:left;width:45%;margin-right:30px;}
#content .one_half_last {float:right;width:45%;margin:0;}
#content .one_third {float:left;width:30%;margin-right:30px;}
#content .one_third_last {float:right;width:30%;margin:0;}
#content .one_fourth {float:left;width:23%;margin-right:36px;}
#content .one_fourth_last {float:right;width:23%;margin:0;}
#content .one_fifth {float:left;width:18%;margin-right:23px;}
#content .one_fifth_last {float:right;width:18%;margin:0;}
#content .one_sixth {float:left;width:15%;margin-right:20px;}
#content .one_sixth_last {float:right;width:15%;margin:0;}
#content .two_thirds {float:left;width:60%;margin:0;}
#content .two_thirds_last {float:right;width:60%;margin:0;}
#content .three_fourth {float:left;width:69%;margin:0;}
#content .three_fourth_last {float:right;width:69%;margin:0;}

@media (max-width: 768px) {
	.one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {width: 100% !important;}
}

/* Unordered, Ordered Lists */
ul.bullet, ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6 {
 	list-style: none;
 	padding: 0px !important;
 	margin: 0px 0px 18px 0px !important;
	position: relative;
}

ul.bullet li, ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li {
	padding-left: 20px;
	margin-left: 18px;
	margin-bottom: 2px;
}

ul.bullet li::before {
	position: absolute;
	left: 1.8em;
	content: "\5c";
	font-family: ElegantIcons;
	font-size: 0.7em;
	color: #0077c8;
	line-height: 28px;
}

ul.list1 li::before {
	position: absolute;
	left: 1.1em;
	content: "\39";
	font-family: ElegantIcons;
	font-size: 1em;
	color: #00468b;
	line-height: 28px;
}

ul.list2 li::before {
	position: absolute;
	left: 1.8em;
	content: "\e033";
	font-family: ElegantIcons;
	font-size: 0.7em;
	color: #00468b;
	line-height: 26px;
}

ul.list3 li::before {
	position: absolute;
	left: 1.8em;
	content: "\e0f5";
	font-family: ElegantIcons;
	font-size: 0.7em;
	color: #00468b;
	line-height: 28px;
}

ul.list4 li::before {
	position: absolute;
	left: 1.5em;
	content: "\4e";
	font-family: ElegantIcons;
	font-size: 0.8em;
	color: #00468b;
	line-height: 28px;
}

ul.list5 li::before {
	position: absolute;
	left: 1.5em;
	content: "\5a";
	font-family: ElegantIcons;
	font-size: 0.8em;
	color: #00468b;
	line-height: 28px;
}

ul.list6 li::before {
	position: absolute;
	left: 1.5em;
	content: "\e08a";
	font-family: ElegantIcons;
	font-size: 0.8em;
	color: #00468b;
	line-height: 28px;
}

ul.list1.list-white li::before, ul.list2.list-white li::before, ul.list3.list-white li::before, ul.list4.list-white li::before, ul.list5.list-white li::before, ul.list6.list-white li::before {
	color: #ffffff;
}

ul.list1.list-gold li::before, ul.list2.list-gold li::before, ul.list3.list-gold li::before, ul.list4.list-gold li::before, ul.list5.list-gold li::before, ul.list6.list-gold li::before {
	color: #ffb500;
}

#content ol.numbers, #content ol.letters-upper, #content ol.letters-lower, #content ol.roman-upper, #content ol.roman-lower {
 padding: 0px !important;
 margin: 0px 0px 18px 0px !important;
}

#content ol.numbers li, #content ol.letters-upper li, #content ol.letters-lower li, #content ol.roman-upper li, #content ol.roman-lower li {
 	margin-left: 32px;
 	margin-bottom: 2px;
	padding-left: 8px;
}
ol.numbers li { list-style: decimal; }
ol.roman-upper li { list-style: upper-roman; }
ol.roman-lower li { list-style: lower-roman; }
ol.letters-upper li { list-style: upper-alpha; }
ol.letters-lower li { list-style: lower-alpha; }

ol.letters-upper > li > ol.roman-upper li { list-style: upper-roman; }
ol.letters-upper > li > ol.roman-lower li { list-style: lower-roman; }
ol.letters-lower > li > ol.roman-upper li { list-style: upper-roman; }
ol.letters-lower > li > ol.roman-lower li { list-style: lower-roman; }

ol.numbers li a, ol.letters-upper li a, ol.letters-lower li a, ol.roman-upper li a, ol.roman-lower li a {
	text-decoration: none;
}

ol.numbers li a:hover, ol.letters-upper li a:hover, ol.letters-lower li a:hover, ol.roman-upper li a:hover, ol.roman-lower li a:hover {
	text-decoration: underline;
}

/* Nested Lists */

#content ul.bullet ul.bullet, 
#content ul.bullet ol.numbers, 
#content ul.bullet ol.letters-lower, 
#content ul.bullet ol.letters-upper, 
#content ul.bullet ol.roman-upper, 
#content ul.bullet ol.roman-lower, 
#content ul.bullet ol.numbers,
#content ol.numbers ul.bullet, 
#content ol.numbers ol.numbers, 
#content ol.numbers ol.letters-lower, 
#content ol.numbers ol.letters-upper, 
#content ol.numbers ol.roman-upper, 
#content ol.numbers ol.roman-lower, 
#content ol.numbers ol.numbers {
	margin-bottom: 0px !important;
}


#content ul.bullet ul.bullet li, 
#content ul.bullet ul.list1 li, 
#content ul.bullet ul.list2 li, 
#content ul.bullet ul.list3 li, 
#content ul.bullet ul.list4 li, 
#content ul.bullet ul.list5 li, 
#content ul.bullet ul.list6 li {
	margin-left: 0px;
}

#content ol.numbers ul.bullet li {
	list-style: none !important;
}

#content ol.numbers ul.bullet ul.bullet li, 
#content ol.letters-lower ul.bullet ul.bullet li,
#content ol.letters-upper ul.bullet ul.bullet li,
#content ol.roman-upper ul.bullet ul.bullet li,
#content ol.roman-lower ul.bullet ul.bullet li {
	margin-left: 12px;
}

#content ul.bullet ul.bullet li:before, 
#content ul.bullet ul.list1 li:before, 
#content ul.bullet ul.list2 li:before, 
#content ul.bullet ul.list3 li:before, 
#content ul.bullet ul.list4 li:before, 
#content ul.bullet ul.list5 li:before, 
#content ul.bullet ul.list5 li:before {
	left: 0px;
}

#content ul.bullet ol.numbers li:before, 
#content ul.bullet ol.letters-lower li:before, 
#content ul.bullet ol.letters-upper li:before, 
#content ul.bullet ol.roman-upper li:before, 
#content ul.bullet ol.roman-lower li:before, 
#content ul.bullet ol.numbers li:before {
	content: none;
}

/*---------------------------------------------------------------*/
/* Tables - the various table classes
/*---------------------------------------------------------------*/

table td, table th { padding:6px; }

table.fixed { table-layout : fixed; }

td.nowrap { white-space: nowrap; }

/*---------------------------------------------------------------*/
/* plainTable - just a simple table, with no real styling
/*---------------------------------------------------------------*/

.plainTable { font-size: 1em; width: 100%; }
.plainTable td { vertical-align: top; }

/*---------------------------------------------------------------*/
/* clearTable - transparent, row border, hover effects
/*---------------------------------------------------------------*/

table.clearTable {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%; 
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
    font-size: 1em;       
}

table.clearTable tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
table.clearTable td, table.clearTable th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

table.clearTable th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

table.clearTable td:first-child, table.clearTable th:first-child {
    border-left: none;
}

table.clearTable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

table.clearTable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

table.clearTable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

table.clearTable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

table.clearTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*---------------------------------------------------------------*/
/* zebraTable - simple, striped, no borders, understated
/*---------------------------------------------------------------*/

table.zebraTable {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
    font-size: 1em;   
}

table.zebraTable td, table.zebraTable th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

table.zebraTable tbody tr:nth-child(even) {
    background: #e8eaeb;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

table.zebraTable th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #e8eaeb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8eaeb), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #e8eaeb, #f1f1f1);
    background-image:    -moz-linear-gradient(top, #e8eaeb, #f1f1f1);
    background-image:     -ms-linear-gradient(top, #e8eaeb, #f1f1f1);
    background-image:      -o-linear-gradient(top, #e8eaeb, #f1f1f1); 
    background-image:         linear-gradient(top, #e8eaeb, #f1f1f1);
}

table.zebraTable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

table.zebraTable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

table.zebraTable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

table.zebraTable tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

table.zebraTable tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

table.zebraTable tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

table.zebraTable tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}


/* The fallback - applied with jquery */
table.zebraTable tr.alternate {
    background: #e8eaeb;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

/* input fields inside of a zebra table */
table.zebraTable div.form_field_div {
margin-top: 10px;
}

/*---------------------------------------------------------------*/
/* prettyTable - white/grey striping with gradients and borders
/*---------------------------------------------------------------*/


table.prettyTable {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:100%;
    margin:1% auto 0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc; 
    font-size: 1em;
    border-spacing: 1px;
}
 
table.prettyTable th, table.prettyTable td {padding:18px 28px 18px; text-align:center; }
 
table.prettyTable th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
 
table.prettyTable td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

table.prettyTable td img {vertical-align: middle; padding-left: 5px;}
 
/* the alternate rows - applied via CSS3 or javascript fallback */
table.prettyTable tr:nth-child(even) td {background:#f6f6f6;}
table.prettyTable td.alternate {background:#f6f6f6;}
 
table.prettyTable td.first, table.prettyTable th.first {text-align:left}
 
table.prettyTable td.last {border-right:none;}
 
/* Adding background gradients */

table.prettyTable th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
 
table.prettyTable td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
 
table.prettyTable tr:nth-child(even) td, table.prettyTable tr.alternate td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

/* Additional styling to allow border radius on background elements - problem with safari/Gecko */
 
table.prettyTable tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}
 
table.prettyTable tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}
 
table.prettyTable tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}
 
table.prettyTable tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}

table.prettyTable.left_justify th, table.prettyTable.left_justify td {
	text-align: left;
}

/*---------------------------------------------------------------*/
/* Form and Input Elements. Note: want to lose label and move to placeholder attributes, as we move along.
/*---------------------------------------------------------------*/

/* reset, override some bootstrap stuff */
input, textarea, select { vertical-align:middle; font-size:100%;}
textarea, input {font-size:1em; font-family: 'SegoeUI', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
label { font-weight: normal; }
input[type=radio], input[type=checkbox] { margin: 0px 3px 0px 0px }

/* wrap all fields in this div */
.form_field_div {
margin-bottom: 10px;
clear: left;
}

.form_field_div span {
margin-left: 8px;
display: inline-block;
}


.form_field_div span img {
margin-left: 5px;
}

/* default label */
.form_field_div label {
float: left;
width: 165px;
padding: 2px;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

/*apply class to the label tag to override default */
.form_field_div label.short {
width: 60px;
}

.form_field_div label.short2 {
width: 80px;
}

.form_field_div label.medium {
width: 190px;
}

.form_field_div label.medium2 {
width: 240px;
}

.form_field_div label.large {
width: 290px;
}

.form_field_div label.width {
width: 100%;
}

/* Floating Labels */
.form_field_div.float_label {
	position: relative;
	margin-bottom: 20px;
}

.form_field_div.float_label label {
	position: absolute;
	top: 5px;
	left: 7px;
	z-index: -1;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	opacity: 0;
	transition: top 200ms, opacity 200ms;
}

.form_field_div.float_label label.floating {
	top: -10px;
	z-index: 1;
	padding: 0 3px;
	opacity: 1.0;
	background-color: transparent;
	border-left: 1px solid #259a47;
	line-height: 1em;
}

.form_field_div.float_label .help {
	position: absolute;
	right: 10px;
	top: -3px;
}

.form_field_div.float_label .tooltip-inner {
	min-width: 100px;
	max-width: 100%;
}

/* default textfield, select, and textarea */
.form_field_div input[type='text'], .form_field_div input[type='password'], .form_field_div input[type='email'], .form_field_div input[type='file'], .form_field_div select, .form_field_div textarea, .rte_editor {

/* reset and get rid of browser styles */
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;

color: #70727a;
background-color: #ffffff;
padding: 5px 10px 5px 10px;
border-color: #b4b4b4 #e9e9e9 #e9e9e9 #b4b4b4;
border-style: solid;
border-width: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: -0.25px -0.25px 0px #b4b4b4;
-webkit-box-shadow: -0.25px -0.25px 0px #b4b4b4;
box-shadow: -0.25px -0.25px 0px #b4b4b4;
width: 200px;
outline: none;
box-sizing: border-box;
}

/* Safari, Mac browsers are dumb, so remove the default dropdown style and then create a fake button. This will force all browsers to look the same */
.form_field_div select {

	/* SVG automatically fills container in IE, causing it to center, so just switch to PNG, but keep SVG image below, for future reference
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=); */
	background: #ffffff url(../images/_global/br_down.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-origin: content-box !important;
	background-color: #fff;

}

/* hide the IE select button, since we are doing it all custom now */
.form_field_div select::-ms-expand {
    display: none;
}

/* style the fake placeholders that are inserted via javascript */
select:invalid, option:disabled { color: #999999; }

/* bullshit hacks for file input */
.form_field_div input[type='file'] {
	height: 35px;
	max-height: 35px;
	overflow-y: hidden;
	padding: 0px;
	padding-left: 2px;
	display: inline-block;
}

/* extending file input hacks - IE (note: can also use ::-ms-browse if we ever need to style the button. Update 11/30/2013 - we did, with IE11 - adding section below) */
.form_field_div input[type='file']::-ms-value {
color: #70727a;
background-color: #fff;
border: 0px;
margin: 3px;
}

.form_field_div input[type='file']::-ms-browse {
border: 0px;
}

/* default checkboxes */
.form_field_div input[type='checkbox'] {
margin-top: 7px;
}

/* checkboxlist labels - override the float, so the checkbox is on the right. Used for things like dynamic CheckBoxList output - the "checkboxlist" will be added via cssClass attribute in CreateFormField() in functions.vb */
.form_field_div .checkboxlist input[type='checkbox'] {
	margin-top: 0px;
}
.form_field_div .checkboxlist label {
	float: none;
	width: auto;
}

/*default radio */
.form_field_div input[type='radio'], table.plainTable input[type='radio'] {
margin-top: -4px;
}

/*apply class to the actual input field to override default size */
.form_field_div input.short, .form_field_div select.short {
width: 60px;
}

.form_field_div input.short-one-line2, .form_field_div select.short-one-line2 {
width: 98px; /* this will fit two fields one one line */
}

.form_field_div input.short-one-line3, .form_field_div select.short-one-line3 {
width: 65px; /* this will fit three one one line */
}

.form_field_div input.short2, .form_field_div select.short2 {
width: 120px;
}

.form_field_div input.medium, .form_field_div select.medium {
width: 240px;
}

.form_field_div input.large, .form_field_div select.large {
width: 420px;
}

.form_field_div input.xlarge, .form_field_div select.xlarge {
width: 540px;
}


.form_field_div input.width, .form_field_div select.width {
width: 100%;
}

.form_field_div input.auto, .form_field_div select.auto {
width: auto;
}

.form_field_div input.readonly, .form_field_div select.readonly {
background: transparent !important;
}

/* extra css for default textarea */
.form_field_div textarea {
width:430px;
height:150px;
overflow: auto;
}

/* rich text editor textarea and iframe */
.rte_editor {
width:100%;
height:150px;
overflow: auto;
}


/*apply class to the actual textarea field to override default size */
.form_field_div textarea.small {
width:200px;
height:50px;
}

.form_field_div textarea.slim {
width:300px;
height:50px;
}

.form_field_div textarea.slim-tall {
width:300px;
height:100px;
}

.form_field_div textarea.slim-wide {
width:500px;
height:50px;
}

.form_field_div textarea.medium {
width:460px;
height:180px;
}

.form_field_div textarea.large {
width:500px;
height:200px;
}

.form_field_div textarea.huge {
width:100%;
height:700px;
}

.form_field_div textarea.width {
width:100%;
height:150px;
}

.form_field_div textarea.width-90 {
width: 90% !important;
height:150px;
}

.form_field_div textarea.readonly {
background: transparent;
}

/* Form box - highlight the form on a white box */

.form-wrapper {
        border: 1px solid #e0e0e2;
        border-radius: 5px;
        padding: 30px;
        background-color: #fcfdfe;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.form-wrapper .form-control {
	box-shadow: none;
	border: none;
	background-color: #f1f2f3 !important;
}

.form-wrapper .form-control:hover {
	color: #000000 !important;
	background-color: #eeeeee !important;
}

/* Additional form field styles - check disclosure page for examples */

.align_with_field {
	/* with the new button styles, I don't think I need this anymore, so comment out, but leave the class intact, as we are applying button-specific stuff below */
	/* margin-top: -5px; */
}

/* Make the button the same height as the field */
.btn-light.align_with_field, .btn-dark.align_with_field, .btn-teal.align_with_field {
	padding: 10px 26px;
}


/* Page-specific form field styles */

/* display horizontal, faux columns */
.interest_codes_checkbox, .email_unsubscribe_checkbox {
width: 290px;
float: left;
}

/* display block style */
.privacy_settings_checkbox {
display: block;
margin-bottom: -10px;
}

.interest_codes_checkbox label, .privacy_settings_checkbox label, .email_unsubscribe_checkbox label {
width: auto;
padding:6px 8px 6px 8px;
}

.interest_codes_checkbox input, .privacy_settings_checkbox input, .email_unsubscribe_checkbox input {
margin-top: -3px;
}

/* The buttons - apply these to asp button controls and "real" buttons */

.real_button {border:0; margin: 0px; margin-bottom: 3px;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;display: block; width:auto; overflow:visible;}

.real_button:hover {color: #ffffff !important;}

.real_button.slim, .btn-light.slim, .btn-dark.slim, .btn-teal.slim, btn-white.slim { padding: 9px 13px !important; }

.real_button.slim2 { padding: 5px 11px !important; }


/*apply margins to the button to move it over to align with label */

input[type='submit'].margin, input[type='button'].margin, a.margin, button.margin {
margin-left: 168px;
}

input[type='submit'].margin_short, input[type='button'].margin_short, a.margin_short {
margin-left: 63px;
}

input[type='submit'].margin_medium, input[type='button'].margin_medium, a.margin_medium {
margin-left: 193px;
}

input[type='submit'].margin_large, input[type='button'].margin_large, a.margin_large {
margin-left: 293px;
}

.radio_inline_block {
display: inline-block;
margin-bottom: 15px;
padding: 5px;
}

.radio_inline_block input {
margin-top: -5px;
}

.radio_inline_block label {
margin-right: 5px;
}

.checkbox_inline_block input {
margin-right: 3px;
vertical-align: middle;
}

.checkbox_inline_block label {
	vertical-align: middle;
	margin-bottom: 2px;
}


/* embedded Fonts for certain input fields */
input.glyph-entypo, textarea.glyph-entypo {
font-size: 30px !important;
font-family: 'EntypoRegular' !important;
}

/* field animations */
.form_field_div input, .form_field_div textarea {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}

.form_field_div input:focus, .form_field_div textarea:focus {
color:#000;
outline:none;
border:#699bc9 0.2px solid;
box-shadow: 0 0 5px rgba(105, 155, 201, 1);
-webkit-box-shadow: 0 0 5px rgba(105, 155, 201, 1);
-moz-box-shadow: 0 0 5px rgba(105, 155, 201, 1);
}


/* error fields from validator */

/* 1/17/2018 - Edge on Win10 displays the arrows as blue, due to default font changes. Must specify the legacy font */
.error::before, .error_top::before, .error_bottom::before {
	font-family: "Segoe UI Symbol";
}

/* default - left triangle */
.error::before {
content: "\25C0"; /* left pointing triangle in escaped unicode */
color:#d45252;
position: absolute;
top:4px;
left:-5px;
}

.error_top::before {
content: "\25bc"; /* down pointing triangle in escaped unicode */
color:#d45252;
position: absolute;
top:20px;
left:20px;
}

.error_bottom::before {
content: "\25b2"; /* up pointing triangle in escaped unicode */
color:#d45252;
position: absolute;
top:-12px;
left:20px;
}

.error, .error_top, .error_bottom {
background: #d45252;
border-radius: 3px 3px 3px 3px;
color: white;
margin-top: 2px;
margin-left:8px;
padding: 4px 8px !important; 
z-index: 998; /* hints stay above all other elements, except header, which is 999 */
position: absolute; /* allows proper formatting if hint is two lines */
}

.error.align_with_header {
margin-top: -4px;
}

.float_label .error {
	right: 3px;
	top: 0px;
}

.float_label .error_top {
	top: -40px;
}

.float_label .error_bottom {
	top: 40px;
}

/* New Style = No label, uses placeholder. Inner input should have class="form-control", from bootstrap */

.form_field_div .form-control {
    border-radius: 2px;
    background-color: #f1f2f3;
    border: none;
    height: 40px;
    box-shadow: none;
}
.form_field_div .form-control:focus {
    background-color: #ededef;
    border: none;
    outline: 0;
    box-shadow: none;
}
.form_field_div select.form-control {
    margin-top: 5px;
    border-radius: 2px;
    color: #606367;
    padding: 5px;
    border: none;
    background-color: #f1f2f3;
}
.form_field_div textarea.form-control {
    height: auto;
}
.form_field_div input.form-control,
.form_field_div textarea.form-control,
.form_field_div select.form-control {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
    text-indent: 5px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #606367;
    background: #fafafa;
    border: none;
    -moz-box-shadow: -0.25px -0.25px 0px #b4b4b4;
    -webkit-box-shadow: -0.25px -0.25px 0px #b4b4b4;
    box-shadow: -0.25px -0.25px 0px #b4b4b4;
}

.form_field_div select.form-control.start {
	/* make the start grey match the placeholder grey. This class will be removed when they select something */
	color: #999999;
}

.form_field_div input.form-control:hover,
.form_field_div textarea.form-control:hover,
.form_field_div select.form-control:hover,
.form_field_div input.form-control:focus,
.form_field_div textarea.form-control:focus, 
.form_field_div select.form-control:focus {
    box-shadow: none;
    border: none;
    background-color: #ededef;
}

/* width adjustments - matches the base form fields, for the most part */
.form_field_div input.form-control.short, .form_field_div select.form-control.short {
	width: 60px;
}

.form_field_div input.form-control.short-one-line2, .form_field_div select.form-control.short-one-line2 {
	width: 98px; /* this will fit two fields one one line */
}

.form_field_div input.form-control.short-one-line3, .form_field_div select.form-control.short-one-line3 {
	width: 65px; /* this will fit three one one line */
}

.form_field_div input.form-control.short2, .form_field_div select.form-control.short2 {
	width: 120px;
}

.form_field_div input.form-control.medium, .form_field_div select.form-control.medium {
	width: 240px;
}

.form_field_div input.form-control.large, .form_field_div select.form-control.large {
	width: 420px;
}

.form_field_div input.form-control.xlarge, .form_field_div select.form-control.xlarge {
	width: 540px;
}

/* mobile form adjustments */
@media (max-width: 768px) {
	#payment_card_demo {
		margin-bottom: 30px;
	}

	#ind_designation td, #txtDesignation td {
		display: inline-block;
		width: 33%;
	}
	

	#ind_designation input, #txtDesignation input {
		display: inline;
	}
}
@media (max-width: 480px) {
	.form_field_div label {
		width: 95%;
	}

	.form_field_div input, .form_field_div select, .form_field_div textarea {
		width: 95% !important;
		margin-bottom: 8px;
	}

	input[type='submit'].margin, input[type='button'].margin, a.margin, button.margin, 
	input[type='submit'].margin_short, input[type='button'].margin_short_, a.margin_short, button.margin_short,
	input[type='submit'].margin_medium, input[type='button'].margin_medium, a.margin_medium, button.margin_medium,
	input[type='submit'].margin_large, input[type='button'].margin_large, a.margin_large, button.margin_large {
		margin-left: 0px;
	}

	#ind_designation td, #txtDesignation td {
		display: inline-block;
		width: 50%;
	}
	

	#ind_designation input, #txtDesignation input {
		display: inline;
	}

}

/* miscellaneous stuff */

.callout-wrap {
	float: left;
	width: 100%;
	padding-top: 20px;
	background:url(../images/_global/separator3.gif) 0 0 repeat-x;
	margin: 10px 0 30px 0;
	font-family: "GothamBook", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.callout-wrap span {
	padding-bottom: 25px;
	background:url(../images/_global/separator3.gif) left bottom repeat-x;
	color: #222;
	font-size:1.3em;
	line-height: 28px;
	display: block;
}

.hr_shadow {
	border:none;
 	width: 90%;
	height: 50px;
	margin-top: 0;
	border-bottom: 1px solid #404449;
	box-shadow: 0 15px 20px -20px #333;
	margin: -25px auto 50px;
}

/* This one is more "lifted" from the page */
.hr_shadow-2 {
	border:none;
 	width: 90%;
	height: 50px;
	margin-top: 0;
	border-bottom: 1px solid #404449;
	box-shadow: 0 20px 20px -20px #333;
	margin: -25px auto 50px;
}

.hr_fade {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin-top: 50px;
	margin-bottom: 50px;
}

.hr_inset {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 50px;
	margin-bottom: 50px;
}

/*---------------------------------------------------------------*/
/* The tucked corners stuff
/* html (span or div): <div class="tucked-corners">
/*		<div class="top-corners"></div>
/*		<img id="test_img" src="xxx.jpg" />
/*		<div class="bottom-corners"></div> 
/*	</div>
/*---------------------------------------------------------------*/


/* note: apply different holder containers based on content - default is bio.aspx page */
.tucked-corners-holder {
margin-left: 35px;
margin-bottom: 30px;
}

div.tucked-corners {
/* height and width should be set by javascript using a load function to get the images width and content */ 
/* width: 238px; */
/* height: 250px; */
background: #ffffff;
padding: 10px; 
position: relative; 
-webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); 
-moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); 
box-shadow: 0 1px 7px hsla(0,0%,0%,.2); 
} 

/* if not using div, use span - adjust as necessary */
span.tucked-corners { 
background: #c4453c; 
display: block; 
height: 380px; 
position: relative; 
width: 580px; 
-webkit-box-shadow: inset 0 0 10px hsla(0,0%,0%,.25); 
-moz-box-shadow: inset 0 0 10px hsla(0,0%,0%,.25); 
box-shadow: inset 0 0 10px hsla(0,0%,0%,.25);
}   


/* Top Corner Effect */  
.top-corners:after, .top-corners:before { 
background: #f5f5f5; 
content: ''; 
height: 35px; 
position: absolute; 
top: -10px; 
width: 100px; 
z-index: 10; 
-webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5); 
-moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5); 
box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
} 

.top-corners:after { 
left: -43px; 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
-o-transform: rotate(-45deg); 
transform: rotate(-45deg); 
} 

.top-corners:before { 
right: -43px; 
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
-o-transform: rotate(45deg); 
transform: rotate(45deg); 
}  

/* Bottom Corner Effect */  
.bottom-corners:after, .bottom-corners:before { 
background: #f5f5f5; 
content: ''; 
height: 35px; 
position: absolute; 
bottom: -10px; 
width: 100px; 
-webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5); 
-moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5); 
box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5); 
} 

.bottom-corners:after { 
left: -43px; 
-webkit-transform: rotate(-135deg); 
-moz-transform: rotate(-135deg); 
-ms-transform: rotate(-135deg); 
-o-transform: rotate(-135deg); transform: rotate(-135deg); 
} 

.bottom-corners:before { 
right: -43px; 
-webkit-transform: rotate(135deg); 
-moz-transform: rotate(135deg); 
-ms-transform: rotate(135deg); 
-o-transform: rotate(135deg); 
transform: rotate(135deg); 
}


/* Tucked corners white - used in  - add 'white' to tucked-corners div */
.tucked-corners.white, .tucked-corners.white .top-corners:after, .tucked-corners.white .top-corners:before, .tucked-corners.white .bottom-corners:after, .tucked-corners.white .bottom-corners:before {
background: #ffffff;
}

/* tucked cornes in prettyPhoto need to be pushed over a little bit */
.pp_pic_holder .tucked-corners-holder {
margin: 20px 20px 40px 40px !important;
}

/* adjust mobile - shrink it down */
@media (max-width: 525px) {
	
	.tucked-corners img {
		width: 6em;
	}

	.top-corners:after, .top-corners:before { 
		height: 20px; 
		top: -10px; 
		width: 50px; 
	}

	.top-corners:after { 
		left: -25px; 
	} 

	.top-corners:before { 
		right: -25px; 
	}

	.bottom-corners:after, .bottom-corners:before { 
		height: 20px; 
		bottom: -10px; 
		width: 50px;  
	} 

	.bottom-corners:after { 
		left: -25px; 
	} 

	.bottom-corners:before { 
		right: -25px; 
	}
}

/*---------------------------------------------------------------*/
/* Drop Shadow Stuff
/*---------------------------------------------------------------*/

/* 'lifting' the item off the page - used on sortable and applied ondrag */

.addShadow {
-webkit-box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.50) !important;
-moz-box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.50) !important;
box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.50) !important;
}

/* applying different types of shadows */

/* slim - a subtle version of the ones below - used on NephSAP covers */

.drop-shadow-slim {
	/* moving to a sharper box shadow. Created a new class for the original, drop-shadow-slim-2 */
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.drop-shadow-slim-2 {
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* the more funky box shadows - call drop-shadow lifted, or whatever the secondary is */

.drop-shadow {
     float: left;
     position:relative;    
     padding:1em; 
     background:#fff;
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 }


 .drop-shadow:before,
 .drop-shadow:after {
     content:"";
     position:absolute; 
     z-index:-2;
     bottom:15px;
     left:10px;
     width:50%;
     height:20%;
 }

 .drop-shadow:after{   
     right:10px; 
     left:auto;
 }

 /* Lifted corners */

 .lifted {
   -moz-border-radius:4px; 
   border-radius:4px;
   -webkit-border-radius:4px;
 }
 
 .lifted:before,
 .lifted:after { 
     bottom:15px;
     left:10px;
     width:50%;
     height:20%;
     max-width:300px;
     -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
     -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
     box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
     -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -ms-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
 }
 
 .lifted:after {
     right:10px; 
     left:auto;
     -webkit-transform:rotate(3deg);   
     -moz-transform:rotate(3deg);  
     -ms-transform:rotate(3deg);  
     -o-transform:rotate(3deg);
     transform:rotate(3deg);
 }
 
 .round {
     -moz-border-radius:4px; 
   border-radius:4px;
 }
 
 .round:before,
 .round:after { 
     max-width:300px;
     -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
 -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
      box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
     -webkit-transform:rotate(-3deg);    
 -moz-transform:rotate(-3deg);   
   -o-transform:rotate(-3deg);
      transform:rotate(-3deg);
 }
 
 .round:after {
     -webkit-transform:rotate(3deg);   
 -moz-transform:rotate(3deg);  
   -o-transform:rotate(3deg);
      transform:rotate(3deg);
 }
 
 .curls {
     border:1px solid #efefef; 
     -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
   border-radius:0 0 120px 120px / 0 0 6px 6px;
 }
      
 .curls:before,
 .curls:after { 
     bottom:12px;
     max-width:200px;
     height:55%;
     -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4); 
 -moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
      box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
     -webkit-transform:skew(-8deg) rotate(-4deg);
 -moz-transform:skew(-8deg) rotate(-4deg);
   -o-transform:skew(-8deg) rotate(-4deg);
      transform:skew(-8deg) rotate(-4deg);
 } 
      
 .curls:after { 
     -webkit-transform:skew(8deg) rotate(4deg); 
 -moz-transform:skew(8deg) rotate(4deg);     
   -o-transform:skew(8deg) rotate(4deg); 
      transform:skew(8deg) rotate(4deg);
 }
 
 .perspective:before {
     left:28px;
     bottom:8px;
     max-width:200px;
     height:35%;
     -webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
      box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
     -webkit-transform:skew(50deg);
 -moz-transform:skew(50deg);
   -o-transform:skew(50deg);
      transform:skew(50deg);
 }
 
 .perspective:after {
     display:none;
 }
 
 .raised:before {
     width:auto;
     right:10px;
     left:10px;
     bottom:0;
     -webkit-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
 -moz-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
      box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
 }
 
 .rotated {
     -webkit-transform:rotate(-3deg);    
     -moz-transform:rotate(-3deg);   
     -o-transform:rotate(-3deg);
     transform:rotate(-3deg);
 }
 
 .rotated *:first-child:before {
     content:"";
     position:absolute;
     z-index:-1;
     top:0;
     bottom:0;
     left:0;
     right:0;
     background:#fff;
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 }



/*---------------------------------------------------------------*/
/* The NephSAP stuff - handles the interface, icons, and peel stuff
/*---------------------------------------------------------------*/

/* General Settings */

.nephsap_details { 
	width: 560px;
}

@media (max-width:768px) {
	.nephsap_details { 
		width: auto;
	}
}

.nephsap_issue a {
	text-decoration: none;
}

/* NephSAP Archives */
.nephsap_volume ul.baraja-container {
	width: 224px;
	height: 299px;
	margin: 0 auto 30px;
	position: relative;
	padding: 0;
	list-style-type: none;
}

.nephsap_volume ul.baraja-container li {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #fff;
	pointer-events: auto;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.nephsap_volume ul.baraja-container li {

	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nephsap_volume ul.baraja-container li img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.nephsap_volume_covers {
	margin-right: 20px;
}

.nephsap_volume_titles span {
	display: block;
	text-indent: 10px;
	margin-bottom: 10px;
}


/* The page peel hover effect - used on Active and Volume pages */


/* NOTE: when changing images dimensions, you must update the view, slice, overlay, all translate3d functions, and the background positions of the single slices */

.nephsap_issue .view {
	width: 224px;
	height: 299px;
	position: relative;
	background: #ffffff;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-o-perspective: 500px;
	-ms-perspective: 500px;
	perspective: 500px;
}

.nephsap_issue .view img {
	width: 224px;
	height: 299px;
}

/* conflict with .view class from portfolio - undo that stuff */
.nephsap_issue .view:hover img {
	-webkit-transform: none;
	transform: none;
}


.nephsap_issue .view .slice{
	width: 45px; /* width / 5 */
	height: 100%;
	z-index: 100;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	
	-webkit-transition: -webkit-transform 150ms ease-in-out;
	-moz-transition: -moz-transform 150ms ease-in-out;
	-o-transition: -o-transform 150ms ease-in-out;
	-ms-transition: -ms-transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
		
}

.nephsap_issue .view div.view-back{
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	background: #ffffff;
	z-index: 0;
}

.nephsap_issue .view-back span {
	display: block;
	float: right;
	padding: 5px 20px 5px;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #70727a;
}

.nephsap_issue .view-back span.tiny {
	font-size: 8px;
	color: #9c9a9a;
	height: 50%;
	overflow: hidden;
}

.nephsap_issue .view-back span:first-child {
	padding-top: 20px;
}

.nephsap_issue .view-back a {
	display: bock;
	font-size: 18px;
	color: #70727a !important;
	position: absolute;
	right: 15px;
	bottom: 15px;
	border: 2px solid #70727a;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 22px;
	text-align: center;
	font-weight: 700;
}

.nephsap_issue .view-back a:hover {
	color: #70727a !important;
	border-color: #fff;
}

.nephsap_issue .view-back span[data-icon]:before {
    	content: attr(data-icon);
    	font-family: 'icons';
	color: #70727a;
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
	padding-right: 5px;
	font-size: 1em !important; /* override regular data-icon */
}

.nephsap_issue .view .s2, 
.nephsap_issue .view .s3, 
.nephsap_issue .view .s4, 
.nephsap_issue .view .s5 {
	-webkit-transform: translate3d(45px,0,0);
	-moz-transform: translate3d(45px,0,0);
	-o-transform: translate3d(45px,0,0);
	-ms-transform: translate3d(45px,0,0);
	transform: translate3d(45px,0,0);
}
.nephsap_issue .view .s1 {
	background-position: 0px 0px;
}
.nephsap_issue .view .s2 {
	background-position: -45px 0px;
}
.nephsap_issue .view .s3 {
	background-position: -90px 0px;
}
.nephsap_issue .view .s4 {
	background-position: -135px 0px;
}
.nephsap_issue .view .s5 {
	background-position: -180px 0px;
}

.nephsap_issue .view .overlay {
	width: 45px; /* width / 5 */
	height: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	-ms-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.nephsap_issue .view:hover .overlay {
	opacity: 1;
}

.nephsap_issue .view img {
	position: absolute;
	z-index: 0;
	-webkit-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}


/* the below is taken from the specific example, and overwrites some of the general stuff from above */

.nephsap_issue .view {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.nephsap_issue .view:hover .s1{
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	transition-delay: 200ms;
	
	-webkit-transform: rotate3d(0,1,0,-3deg);
	-moz-transform: rotate3d(0,1,0,-3deg);
	-o-transform: rotate3d(0,1,0,-3deg);
	-ms-transform: rotate3d(0,1,0,-3deg);
	transform: rotate3d(0,1,0,-3deg);
}
.nephsap_issue .view:hover .s2{
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	transition-delay: 150ms;
	
	-webkit-transform: translate3d(44px,0,0) rotate3d(0,1,0,-10deg);
	-moz-transform: translate3d(44px,0,0) rotate3d(0,1,0,-10deg);
	-o-transform: translate3d(44px,0,0) rotate3d(0,1,0,-10deg);
	-ms-transform: translate3d(44px,0,0) rotate3d(0,1,0,-10deg);
	transform: translate3d(44px,0,0) rotate3d(0,1,0,-10deg);
}
.nephsap_issue .view:hover .s3{
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	transition-delay: 100ms;
	
	-webkit-transform: translate3d(44px,0,0) rotate3d(0,1,0,-16deg);
	-moz-transform: translate3d(44px,0,0) rotate3d(0,1,0,-16deg);
	-o-transform: translate3d(44px,0,0) rotate3d(0,1,0,-16deg);
	-ms-transform: translate3d(44px,0,0) rotate3d(0,1,0,-16deg);
	transform: translate3d(44px,0,0) rotate3d(0,1,0,-16deg);
}
.nephsap_issue .view:hover .s4{
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	transition-delay: 50ms;
	
	-webkit-transform: translate3d(44px,0,0) rotate3d(0,1,0,-30deg);
	-moz-transform: translate3d(44px,0,0) rotate3d(0,1,0,-30deg);
	-o-transform: translate3d(44px,0,0) rotate3d(0,1,0,-30deg);
	-ms-transform: translate3d(44px,0,0) rotate3d(0,1,0,-30deg);
	transform: translate3d(44px,0,0) rotate3d(0,1,0,-30deg);
}
.nephsap_issue .view:hover .s5{
	-webkit-transform: translate3d(45px,0,0) rotate3d(0,1,0,-42deg);
	-moz-transform: translate3d(45px,0,0) rotate3d(0,1,0,-42deg);
	-o-transform: translate3d(45px,0,0) rotate3d(0,1,0,-42deg);
	-ms-transform: translate3d(45px,0,0) rotate3d(0,1,0,-42deg);
	transform: translate3d(45px,0,0) rotate3d(0,1,0,-42deg);
}

.nephsap_issue .view .s4 > .overlay {
	background: -moz-linear-gradient(right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
}

.nephsap_issue .view .s5 > .overlay {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
}

.nephsap_issue .view div.view-back{
	background: #cccccc;
	background: -moz-linear-gradient(left, #cccccc 0%, #ffffff 80%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(80%,#ffffff));
	background: -webkit-linear-gradient(left, #cccccc 0%,#ffffff 80%);
	background: -o-linear-gradient(left, #cccccc 0%,#ffffff 80%);
	background: -ms-linear-gradient(left, #cccccc 0%,#ffffff 80%);
	background: linear-gradient(left, #cccccc 0%,#ffffff 80%);
}

/*---------------------------------------------------------------*/
/* The By The Numbers stuff - also using the baraja plugin, like NephSAP. Also shared by NTDS Resource Library.
/*---------------------------------------------------------------*/

.dashboards ul.baraja-container {
	position: absolute;
	padding: 0;
	list-style-type: none;
	display: none;
}

.dashboards ul.baraja-container li {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #fff;
	pointer-events: auto;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dashboards ul.baraja-container li {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dashboards ul.baraja-container li img {
	display: block;
	margin: 0 auto;
	width: 100% !important;
	height: 100%;
}

.baraja_actions {
	width: 100%;
}

.baraja_actions span {
	background: #aaa;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	cursor: pointer;
	padding: 5px 10px;
	text-transform: uppercase;
	margin: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);
}

.baraja_actions span:hover {
	background: #444;
}

.baraja_actions span:active {
	background: #aaa;
	color: #fff;
	box-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.baraja_actions span.disabled {
	opacity: 0.8;
	color: #ddd;
}

.baraja_actions #nav-prev, .baraja_actions #nav-next {
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 20px;
}

.dashboards .thumb_holder, .document_thumbs .thumb_holder {
  list-style-type: none;
}

.dashboards .thumb_holder li, .document_thumbs .thumb_holder li {
	width: 200px;
	max-height: 256px;
	overflow: hidden;
	float: left;
	margin: 0px 8px 8px 0px;
}

.dashboards .thumb_holder li img, .document_thumbs .thumb_holder li img {
	width: 200px;
}

.document_thumbs .thumb_holder.list_view li {
	float: none;
	display: block;
	width: 100%;
}

.document_thumbs .thumb_holder.list_view li img {
	float: left;
	margin-right: 20px;
}

#table_tools {
	position: fixed;
	z-index: 5001;
	bottom: 20px;
	right: 30px;
 	background: #e8eaeb;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
	opacity: 0.8;
}

#table_tools span {
	cursor: pointer;
	padding-left: 3px;
	padding-right: 5px;
	vertical-align: -25%;
}

#table_tools input {
	margin-right: 10px;
	color:#333;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	border-color: #b4b4b4 #e9e9e9 #e9e9e9 #b4b4b4;
	border-style: solid;
	border-width: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -0.25px -0.25px 0px #b4b4b4;
	-webkit-box-shadow: -0.25px -0.25px 0px #b4b4b4;
	box-shadow: -0.25px -0.25px 0px #b4b4b4;
	width: 200px;
	outline: none;
	box-sizing: border-box;

}

.ntds_resource_library #view_options .active, .ntds_calendar #view_options .active {
	color: #0077c8;
}

.ntds_resource_library h4 a { 
	text-decoration: none; 
}

.ntds_resource_library h4 a:hover { 
	text-decoration: underline; 
}

.ntds_resource_library .sub_cat { 
	margin-left: 10px;
	font-size: 0.6em;
}


/*-------------------------------------------------------
Direction-aware hover style - used on By The Numbers thumbs, and the NTDS Resource Library
/*------------------------------------------------------*/

.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 110px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	/* border-top: 1px solid rgba(255,255,255,0.5); */
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

/*-------------------------------------------------------
The font icon hover effects
/*------------------------------------------------------*/

.hi-icon-wrap {
	text-align: left;
	margin: 0 auto;
	padding: 1em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #70727a;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'EntypoRegular2'; 
	speak: none;
	font-size: 30px;
	line-height: 60px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* NOTE: use remapped font/characters from https://github.com/RaphaelBossek/entypo to handle stupid Safari bug with 5 digit unicode chars */

.hi-icon-issue:before {
	content: "\f4bb";
}

.hi-icon-download:before {
	content: "\f4f0";
}

.hi-icon-cme:before {
	content: "\f4cb";
}

.hi-icon-podcast:before {
	content: "\f3a4";
}

.hi-icon-answers:before {
	content: "\f4a1";
}

.hi-icon-purchase:before {
	content: "\e73d";
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.no-touch .hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a */
.no-touch .hi-icon-effect-2a .hi-icon:hover {
	color: #eea303;
}

.no-touch .hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

/* Effect 2b */
.no-touch .hi-icon-effect-2b .hi-icon:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}

.no-touch .hi-icon-effect-2b .hi-icon:hover {
	color: #fff;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
	color: #f06060;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover {
	color: #fff;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #70727a !important;
}

.hi-icon-effect-3b .hi-icon:hover {
	color: #f5f5f5 !important;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);	
}

.hi-icon-effect-4a .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-4 .hi-icon:before {
	line-height: 92px;
}

.hi-icon-effect-4 .hi-icon:after {
	top: -4px;
	left: -4px;
	padding: 0;
	z-index: 10;
	border: 4px dashed #fff;
}

.no-touch .hi-icon-effect-4 .hi-icon:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	color: #fff;
}

/* Effect 4b */
.no-touch .hi-icon-effect-4b .hi-icon:hover {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.no-touch .hi-icon-effect-4b .hi-icon:hover:after {
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.no-touch .hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;	
}

.no-touch .hi-icon-effect-7 .hi-icon:hover {
	color: #fff;
}

.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 rgba(255,255,255,1);
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	box-shadow: 3px 3px rgba(255,255,255,1);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.6);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.no-touch .hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.01) !important;
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #f5f5f5, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}

.no-touch .hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	color: #fff;
}

/* Effect 9b */
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.no-touch .hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
	color: #fff;
}


/*---------------------------------------------------------------
Sponsor logos - lining them up, like on BRCU and Highlights
---------------------------------------------------------------*/

.sponsor_logos img {
	margin: 10px 15px 10px 0px;
	vertical-align: middle;
}

.sponsor_logos.big img {
	margin: 10px 50px 20px 0px
}

/*---------------------------------------------------------------
Donation Stuff - The Progress Bar on /foundation/donate/ and misc
---------------------------------------------------------------*/

#stf_logo { padding: 0px 0px 10px 10px; }

#donate_progressbar_header {
	font-size: 26px;
	font-weight: bold !important; 
	color: #00468b !important;
}

#donate_progressbar_holder .count_gold_big {
	font-size: 2em;
	color: #ffb500;
}

#donate_counts { font-size: 20px; }

#donate_progressbar_holder .count_blue_light, #donate_progressbar_holder .count_green { 
	font-size: 1.5em;
	font-weight: bold; 
}
#donate_progressbar_holder .count_blue_light { color: #0077c8; }
#donate_progressbar_holder .count_green { color: #259a47; }

#donate_progressbar {
	margin-top: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 20px;
    	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                       0 1px 0 rgba(255, 255, 255, 0.5), 
                       inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                       0 0 40px rgba(255, 255, 255, 0.3);
    	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                       0 1px 0 rgba(255, 255, 255, 0.5), 
                       inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                       0 0 40px rgba(255, 255, 255, 0.3);
	-o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                      0 1px 0 rgba(255, 255, 255, 0.5), 
                       inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                       0 0 40px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                       0 1px 0 rgba(255, 255, 255, 0.5), 
                       inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                       0 0 40px rgba(255, 255, 255, 0.3);
	}
#donate_progressbar .ui-progressbar-value {
	border-radius: 20px;
}

/*---------------------------------------------------------------
Table of Contents Style = used in Curricula
---------------------------------------------------------------*/

ul.toc {list-style:none; width: 80%;}
.toc li {background:url(/images/_global/dot.gif) repeat-x 0 0.85em; margin-bottom: 8px;}
.toc li a {float:left;background:#f5f5f5;padding: 0 4px 0 0; margin-left: -12px; text-decoration: none;}
.toc li span {float:right;background:#f5f5f5; padding 0 0 0 4px;}
.toc li br {clear:both;}

/*---------------------------------------------------------------
The member directory - google maps for search nearby stuff
---------------------------------------------------------------*/

#map_nearby_holder{
margin-top: 10px;
height: auto;
}


#map_nearby {
width: 820px;
height: 350px;
}

/*---------------------------------------------------------------
Wheeler File Upload - Used on FASN Application
---------------------------------------------------------------*/

#add_attachment {
	border: 1px solid #023B5B;
	background-color: #2b5275;     
	padding:10px 15px;
	float: left;          
	position: relative;
	text-transform: uppercase;;
	letter-spacing: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #666, inset 0px 1px 0px rgba(255,255,255, .2);
	-webkit-box-shadow: 1px 1px 3px #666, inset 0px 1px 0px rgba(255,255,255, .2);
	box-shadow: 1px 1px 3px #666, inset 0px 1px 0px rgba(255,255,255, .2);
	text-shadow:1px 1px 1px #000;
	color: #DDDDDD;
	cursor: pointer;
	*cursor: hand;  
	overflow: hidden;
	margin: 4px 0px 0px 0px;   
}

#add_attachment:hover {color: #ffffff !important;}

#add_attachment:active {
	top: 2px;
}

#is_processing {
	height: 30px;
	width: 30px; 
	margin: 8px 0px 0px 8px;  
}

.file_display {
	margin: 0px 0px 8px 0px;
	border: 1px dashed #BBBBBB;
	background :  #EEEEEE;
	padding: 10px 24px 10px 10px;
	display: none;
	position: relative;
	-moz-box-shadow: 0px 0px 1px #BBBBBB, inset 0px 1px 0px rgba(255,255,255, .5);
	-webkit-box-shadow: 0px 0px 1px #BBBBBB, inset 0px 1px 0px rgba(255,255,255, .5);
	box-shadow: 0px 0px 1px #BBBBBB, inset 0px 1px 0px rgba(255,255,255, .5);
}

.active_attachment {
	border: 1px dashed #80B280;
	background :  #CCE0CC;
}

.close_file_display {
	position: absolute;
	top: 0;
	right: 0;
	margin: 4px 6px 0px 0px;
}

.file_attach_options {
	position: absolute;
	top: 0;
	right: 0;
	margin: 4px 4px 0px 0px;
	border: 1px solid #70727a;
	background-color: #999999;
	height: 22px;
	width: 100px;
	cursor: pointer;
	*cursor: hand;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#display_files_div {
	margin: 12px 0px 0px 0px;
}

.file_attach {       
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width 100%;
	height: 100%;        
	display: inline;
	font-size: 100px;        
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";        
	filter: alpha(opacity=0);       
	-moz-opacity: 0;       
	-khtml-opacity: 0;      
	opacity: 0;
}

/*---------------------------------------------------------------
News Stuff
---------------------------------------------------------------*/

.news_description {
	color: #70727a;
}

.news_date {
	color: #979797;
	font-size: 0.8em;
}

/*---------------------------------------------------------------
Media Library Stuff
---------------------------------------------------------------*/

/* podcast stuff */

.podcast_cover {
cursor: pointer;
}

.audio_holder {
margin-top: 25px;
margin-left: 140px;
}

#podcast_popup_content {
margin: 10px;
width: 480px !important;
overflow: hidden !important;
}

#podcast_popup_content h4 {
color: #5884ac;
}


/* app stuff */

.app-badge {
margin-right: 6px;
margin-bottom: 4px;
}

.app-image {
display: none;
position: relative;
cursor: pointer;
}

.app-image .app-image-mask-512 {
background: url(/images/_global/app_mask_512.png) 0 0 no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 512px;
height: 512px;
}

.app-image .app-image-mask-175 {
background: url(/images/_global/app_mask_175.png) 0 0 no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 175px;
height: 175px;
}


.app-image .app-image-mask-88 {
background: url(/images/_global/app_mask_88.png) 0 0 no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 88px;
height: 88px;
}

.app-image .app-image-mask-60 {
background: url(/images/_global/app_mask_60.png) 0 0 no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 60px;
height: 60px;
}

/* social media stuff */

.social_media_home_icon {
width: 250px;
float: left;
}

.social_media_home_icon img {
width: 250px;
}

.social_media_home_icon p {
text-align: center;
}

.social_media_twitter_user {
margin-top: 20px;
width: 110px;
float: left;
}

.social_media_twitter_user img {
width: 73px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}

.social_media_twitter_user p {
text-align: center;
}

.social_media_twitter_user a {
text-decoration: none;
}


.jLinks {
cursor: pointer;
}

.jLinks.on {
font-weight: bold;
}

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

.twittList li {
clear: both;
margin-bottom: 30px;
}

.twittList li img {
float: left;
margin: 0px 10px 10px 0px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.twittList li span.time, .twittList li .JRM {
color: #979797;
font-size: 11px;
}

.twitterList {padding-top: 5px !important;}
#content .twitterList, .content_full_width .twitterList {list-style: none !important;margin:0 0 0 0;padding:0 0 30px 0;}
#sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {background:url(../images/_global/bg-latest-tweet.png) 0 9px no-repeat !important;margin-bottom: 15px !important;padding-left: 32px !important;color:#666 !important;}
#content .twitterList li, .content_full_width .twitterList li {background:url(../images/_global/bg-latest-tweet.png) 0 5px no-repeat !important;}
#sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a{text-decoration: none !important;}
.twitterList li .tweet_days{color:#999 !important;font-size:11px !important;}

#asn_flickr, #instafeed {
margin-top: 15px;
}

#instafeed .insta_holder {
/* note: usually used in conjunction with alignleft */
margin-bottom: 10px;
}

.image_gallery_holder {
float: left;
padding: 5px;
}

.image_gallery_holder img { 
	width: 196px;
	height: 118px;
	object-fit: cover;
}

/* store image gallery and cart - different size images, so reset to full width, auto */
#merchandise_list_holder .image_gallery_holder img, 
#shopping_cart .image_gallery_holder img {
	width: 100%;
	height: auto;
}

#shopping_cart .image_gallery_holder {
	float: left;
}

#shopping_cart .image_gallery_holder.in_cart {
	width: 48px;
	height: 48px;
	transition: width 2s, height 2s;
}

#peopleSearchForm span.real_button a {
color: #ffffff;
text-decoration: none;
}


.social-media-icons {
margin: 10px 0px 15px 0px;
}

.social-media-icons img {
margin-right: 15px;
}

/*---------------------------------------------------------------*/
/* Ajax File Uploader
/*---------------------------------------------------------------*/

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
	display: inline-block;
    	background-color: #e4e4e4;
    	border: 1px solid #e4e4e4 !important;
	border-radius: 3px;
    	color: #404344;
    	font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-transform: uppercase;
    	font-size: 10px;
    	line-height: 14px;
    	letter-spacing: 1px;
    	padding: 14px 26px;
}
.qq-upload-button-hover {
    background-color: #dfdfdf;
    border: 1px solid #dfdfdf !important;
    color: #555557;
}

.qq-upload-drop-area {
    color: #ffffff;
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#999a99; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#cccccc;}

.qq-upload-list {margin:0;list-style:none;padding:8px 0 10px 0;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("/images/_global/loader.32.f5f5f5.gif"); width:32px; height:32px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

/*---------------------------------------------------------------*/
/* The translate page stuff
/*---------------------------------------------------------------*/

#translate_page_loading {
margin-bottom: 15px;
display: none;
}

#translate_page_loading .ui-progressbar-value {
font-family: "GothamMedium", "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666666;
font-size: 13px; 
font-weight: normal; 
line-height: 18px; 
padding-left: 10px;
padding-top: 4px;
}

#translate_progressbar {
margin-top: 25px;
display: none;
height: 10px;
}

#translate_success {
display: none;
}

#translate_success .lang {
text-transform: capitalize;
}

#translate_save_checkbox {
margin-right: 3px;
margin-top: -2px;
}

#translate_languages {
margin-right: 10px;
text-transform: capitalize;
}



/* *********************  ASNv3 Backwards Compatibility (mapping old elements to bootstrap, new style) ********************* */

/* notification messages */
.message_blue, .message_green, .message_yellow, .message_red, .message_loading {
    	border-radius: 1px;
    	border: none;
    	padding: 20px 60px;
    	position: relative;
    	border-left:4px solid rgba(0,0,0,0.2);
}
.message_blue a, .message_green a, .message_yellow a, .message_red a, .message_loading a {
	border-bottom: 0px !important;
}

/* alert-info */
.message_blue {
	color: #31708f;
	background-color: #dae6f2;
}

.message_blue::before {
	position: absolute;
	left: 1em;
	content: "\e007";
	font-family: ElegantIcons;
	font-size: 1.5em;
	color: #31708f;
}

/* alert-success */
.message_green {
	color: #3c763d;
	background-color: #dfe9b7;
}

.message_green::before {
	position: absolute;
	left: 1em;
	content: "\e052";
	font-family: ElegantIcons;
	font-size: 1.5em;
	color: #3c763d;
}

/* alert-warning */
.message_yellow {
	color: #8a6d3b;
	background-color: #f8f2b6;
}

.message_yellow::before {
	position: absolute;
	left: 1em;
	content: "\73";
	font-family: ElegantIcons;
	font-size: 1.5em;
	color: #8a6d3b;
}

/* alert-danger */
.message_red {
	color: #a94442;
	background-color: #f5dcd8;
}

.message_red::before {
	position: absolute;
	left: 1em;
	content: "\e051";
	font-family: ElegantIcons;
	font-size: 1.5em;
	color: #a94442;
}

/* Loading - this mimics the fa-spin class from Font Awesome */
.message_loading {
	color: #008eaa;
	background-color: #ffffff;
}

.message_loading::before {
	position: absolute;
	left: 1em;
	content: "\f1ce";
	font-family: FontAwesome;
	font-size: 1.5em;
	color: #008eaa;
}

.message_loading::before{
	-webkit-animation: message_loading 2s infinite linear;
	animation: message_loading 2s infinite linear
}
@-webkit-keyframes message_loading {
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100%{
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}
@keyframes message_loading {
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100%{
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

/* message bars with a button in them - adjust the icon. To use, add with-btn class to message container */
.message_blue.with-btn::before, .message_green.with-btn::before, .message_yellow.with-btn::before, .message_red.with-btn::before {
	top: 1.25em;
}

/* Child Subcategories in h4 for CMS Admin, e.g., Training, EPI */
.sub_cat {
	margin-left: 10px;
	font-size: 0.6em;
}

/* hidden input for copy to clipboard */
#copy_field {
	background: transparent;
	border: 0px;
	color: #f5f5f5;
}


/* *********************  Miscellaneous Additions ********************* */

/* Unsupported Messaging - javascript, old browsers, etc. */

noscript, #old_browser {
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0px;
}


/* Data Icons Using Font Shapes */

a[data-icon], a[data-icon-small] {
	text-decoration: none;
}

[data-icon]:before {
	font-family: 'Pictos';
	text-shadow: white 0px 1px 0px;
	content: attr(data-icon);
	font-size: 1.8em;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	text-decoration: none !important;
}

[data-icon-small]:before {
	font-family: 'Pictos';
	text-shadow: white 0px 1px 0px;
	content: attr(data-icon-small);
	font-size: 1.3em;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	text-decoration: none !important;
}

a[data-icon2], a[data-icon-small2] {
	text-decoration: none;
}

[data-icon2]:before {
	font-family: 'FontAwesome';
	text-shadow: white 0px 1px 0px;
	content: attr(data-icon2);
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	text-decoration: none !important;
}

[data-icon-small2]:before {
	font-family: 'FontAwesome';
	text-shadow: white 0px 1px 0px;
	content: attr(data-icon-small2);
	font-size: 0.8em;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	text-decoration: none !important;
}

[data-icon-large]:before {
	font-family: 'FontAwesome';
	text-shadow: white 0px 1px 0px;
	content: attr(data-icon-large);
	font-size: 2em;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	text-decoration: none !important;
}


/* Pretty Loader */
.prettyLoader{background: url(../images/_global/prettyLoader.png) top left no-repeat;height:30px;position:absolute;width:30px;z-index:30000;}
.prettyLoader img{display:block;margin:7px 0 0 7px;}
.pl_ie6{background-image: url(../images/_global/prettyLoader.gif);}


/**************************************************************************
 Switch - CSS Toggle Checkbox
**************************************************************************/

.switch {
	display:inline-block;
	vertical-align:middle;
}

.switch input {
	display:none;
	height:0;
	width:0;
	visibility:hidden;
}

/****************
    - Light -
****************/
/* Label */
.switch-light label {
	position:relative;
	display:block;
	cursor:pointer;
	width:64px;
	height:32px;
	margin:0;
	background:#999;
	border-radius:64px;
	text-indent:-9999px;
	transition:0.3s;
}

.switch-light label:after {
	content:'';
	position:absolute;
	top:2px;
	left:2px;
	width:28px;
	height:28px;
	background:#fff;
	border-radius:28px;
	transition:0.3s;
}

/* Checked */
.switch-light input:checked + label:after {
	left:calc(100% - 2px);
	transform:translateX(-100%);
}

/* Active */
.switch-light label:active:after {
	width:40px;
}

/* Disabled */
.switch-light input:disabled + label {
	opacity:.5;
	cursor:default;
}

.switch-light input:disabled + label:active:after {
	width:28px;
}

/***************
    - Flat -
***************/
/* Label */
.switch-flat label {
	position:relative;
	display:block;
	cursor:pointer;
	width:64px;
	height:32px;
	margin:0;
	background:#fff;
	border:4px solid #ccc;
	border-radius:64px;
	text-indent:-9999px;
	transition:0.3s;
}

.switch-flat label:after {
	content:'';
	position:absolute;
	top:2px;
	left:2px;
	width:26px;
	height:20px;
	background:#ccc;
	border-radius:26px;
	transition:0.3s;
}

/* Checked */
.switch-flat input:checked + label:after {
	left:calc(100% - 2px);
	transform:translateX(-100%);
}

/* Disabled */
.switch-flat input:disabled + label {
	opacity:.5;
	cursor:default;
}

/****************
    - Slide -
****************/
/* Label */
.switch-slide label {
	position:relative;
	display:block;
	cursor:pointer;
	width:80px;
	height:36px;
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
	transition:0.3s;
}

.switch-slide label .active {
	content:'';
	position:absolute;
	top:0;
	left:-50%;
	width:50%;
	height:100%;
	transition:0.3s;
}

.switch-slide label .active:after {
	content:'';
  	position:absolute;
  	top:7px;
  	left:15px;
  	width:8px;
  	height:16px;  	
  	border-right:2px solid #fff;
  	border-bottom:2px solid #fff;	
  	transform:rotate(45deg) scale(1);
}

.switch-slide label .inactive {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	background:#ccc;
	transition:0.3s;
}

.switch-slide label .inactive:before, 
.switch-slide label .inactive:after {
	content:''; 
  	position:absolute;
  	left:20px;
	top:7px;
  	width:1px;
	height:20px;
  	background-color:#666;
}

.switch-slide label .inactive:before {
  transform:rotate(45deg);
}

.switch-slide label .inactive:after {
  transform:rotate(-45deg);
}

/* Checked */
.switch-slide input:checked + label .active {
	left:0;
}

.switch-slide input:checked + label .inactive {
	right:-50%
}

/* Disabled */
.switch-slide input:disabled + label {
	opacity:.5;
	cursor:default;
}

/******************
    - Classic -
******************/
/* Label */
.switch-classic label {
	position:relative;
	display:block;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:0;
	background:#fff;
	border:2px solid #ccc;
	border-radius:2px;
	text-indent:-9999px;
	transition:0.3s;
}

.switch-classic label:after {
	content:'';
  	position:absolute;
  	top:1px;
  	left:5px;
  	width:6px;
  	height:11px;  	
  	border-right:2px solid #fff;
  	border-bottom:2px solid #fff;	
  	transition:0.3s;
	opacity:0;
	transform:rotate(45deg) scale(0);
}

/* Checked */
.switch-classic input:checked + label:after {
	opacity:1;
	transform:rotate(45deg) scale(1);
}

/* Disabled */
.switch-classic input:disabled + label {
	opacity:.5;
	cursor:default;
}

/***************
    - Flip -
***************/
/* Label */
.switch-flip label {
    position:relative;
	display:block;
    cursor:pointer;
    min-width:70px;
    transition:all .2s ease;
    font-family:"GothamMedium", sans-serif;
}

.switch-flip label:before, 
.switch-flip label:after {
    position:absolute;
    display:inline-block;
    top:0;
    left:0;
    padding:8px 12px;
    min-width:70px;
    text-align:center;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    color:#fff;
    backface-visibility:hidden;
    border-radius:4px;
    transition:all .4s ease;
}

.switch-flip label:before {
    content:attr(data-flip-off);
    background:#f00;
}

.switch-flip label:after {
    content:attr(data-flip-on);
    transform:rotateY(-180deg);
}

/* Checked */
.switch-flip label:active:before {
    transform:rotateY(-20deg);
}

.switch-flip input:checked + label:before {
    transform:rotateY(180deg);
}

.switch-flip input:checked + label:after {
    left:0;
    transform:rotateY(0);
}

.switch-flip input:checked + label:active:after {
    transform:rotateY(20deg);
}

/* Disabled */
.switch-flip input:disabled + label {
	opacity:.5;
	cursor:default;
}


/***************
    - Switch Color Variations
***************/

/*-------------Blue--------------*/

/* Light */
.switch-light.switch-blue input:checked + label {
	background:#00468b;
}

/* Flat */
.switch-flat.switch-blue input:checked + label {
	border-color:#00468b;
}

.switch-flat.switch-blue input:checked + label:after {
	background:#00468b;
}

/* Slide */
.switch-slide.switch-blue label .active {
	background:#00468b;
}

.switch-slide.switch-blue input:checked + label {
	border-color:#00468b;
}

/* Classic */
.switch-classic.switch-blue input:checked + label {
	background:#1fb4da;
	border-color:#00468b;
}

/* Flip */
.switch-flip.switch-blue label:after {
    background:#00468b;
}

/*-------------Teal--------------*/

/* Light */
.switch-light.switch-teal input:checked + label {
	background:#008eaa;
}

/* Flat */
.switch-flat.switch-teal input:checked + label {
	border-color:#008eaa;
}

.switch-flat.switch-teal input:checked + label:after {
	background:#008eaa;
}

/* Slide */
.switch-slide.switch-teal label .active {
	background:#008eaa;
}

.switch-slide.switch-teal input:checked + label {
	border-color:#008eaa;
}

/* Classic */
.switch-classic.switch-teal input:checked + label {
	background:#1fb4da;
	border-color:#008eaa;
}

/* Flip */
.switch-flip.switch-teal label:after {
    background:#008eaa;
}

/*-------------Green--------------*/

/* Light */
.switch-light.switch-green input:checked + label {
	background:#259a47;
}

/* Flat */
.switch-flat.switch-green input:checked + label {
	border-color:#259a47;
}

.switch-flat.switch-green input:checked + label:after {
	background:#259a47;
}

/* Slide */
.switch-slide.switch-green label .active {
	background:#259a47;
}

.switch-slide.switch-green input:checked + label {
	border-color:#259a47;
}

/* Classic */
.switch-classic.switch-green input:checked + label {
	background:#1fb4da;
	border-color:#259a47;
}

/* Flip */
.switch-flip.switch-green label:after {
    background:#259a47;
}