/*!
// Contents
// ------------------------------------------------
 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Tooltips
 9. Alerts
 10. Icons
 11. Forms
 12. Accordions
 13. Tabs
 14. Progress Bars
 15. Stats
 16. Breadcrumbs
 17. Pagination
 18. Icon Features
 19. Pricing Tables
 20. Page Titles
 21. Widgets
 22. Image Tiles
 23. Sliders
 24. Galleries
 25. Intros
 26. Shop
 27. Video
 28. Blog
 29. Image Blocks
 30. Portfolio
 31. Testimonials
 32. Countdown
 33. Maps
 34. Twitter
 35. Footers
 36. Spacing
*/
/*!---------- 1. GLOBAL STYLES ----------*/
/* 01-themify-icons.css merged */
@font-face{font-family:'themify';src:url('/access/fonts/themify.eot?');src:url('/access/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('/access/fonts/themify.woff') format('woff'), url('/access/fonts/themify.ttf') format('truetype'), url('/access/fonts/themify.svg') format('svg');font-weight:normal;font-style:normal}[class^="ti-"],[class*=" ti-"]{font-family:'themify';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}
/* Extras.css merged into theme.css in order to reduce request count */
    .btn-fix,.height-50{height:50px!important}.font-10{font-size:10px}.font-11{font-size:11px}.font-12{font-size:12px}.font-13{font-size:13px}.font-14{font-size:14px}.font-15{font-size:15px}.font-16{font-size:16px}.font-18{font-size:18px}.font-19{font-size:19px}.font-20{font-size:20px}.font-21{font-size:21px}.font-24{font-size:24px}.font-25{font-size:25px}.font-26{font-size:26px}.font-30{font-size:30px}.font-36{font-size:36px}.font-43{font-size:43px}.font-60{font-size:60px}.lh-14{line-height:14pt}.lh-15{line-height:15pt}.lh-16{line-height:16pt}.lh-17{line-height:17pt}.lh-18{line-height:18pt}.lh-20{line-height:20pt}.lh-22{line-height:22pt}.lh-24{line-height:24pt}.lh-28{line-height:28pt}.lh-30{line-height:30pt}.pad-t-xxlg{padding-top:40px}.pad-t-xlg{padding-top:30px}.pad-t-lg{padding-top:20px}.pad-t-med{padding-top:15px}.pad-t-sml{padding-top:10px}.pad-t-xsml{padding-top:5px}.pad-b-xxlg{padding-bottom:40px}.pad-b-xlg{padding-bottom:30px}.pad-b-lg{padding-bottom:20px}.pad-b-med{padding-bottom:15px}.pad-b-sml{padding-bottom:10px}.pad-b-xsml{padding-bottom:5px}.pad-r-xxlg{padding-right:40px}.pad-r-xlg{padding-right:30px}.pad-r-lg{padding-right:20px}.pad-r-med{padding-right:15px}.pad-r-sml{padding-right:10px}.pad-r-xsml{padding-right:5px}.pad-l-80{padding-left:80px}.pad-l-xxlg{padding-left:40px}.pad-l-xlg{padding-left:30px}.pad-l-lg{padding-left:20px}.pad-l-med{padding-left:15px}.pad-l-sml{padding-left:10px}.pad-l-xsml{padding-left:5px}.pad-b-0,.pad-l-0,.pad-r-0,.pad-t-0{padding-left:0!important}.mrg-t-xxlg{margin-top:40px}.mrg-t-xlg{margin-top:30px}.mrg-t-lg{margin-top:20px}.mrg-t-med{margin-top:15px}.mrg-t-sml{margin-top:10px}.mrg-t-xsml{margin-top:5px}.mrg-b-xxlg{margin-bottom:40px}.mrg-b-xlg{margin-bottom:30px}.mrg-b-lg{margin-bottom:20px}.mrg-b-med{margin-bottom:15px}.mrg-b-sml{margin-bottom:10px}.mrg-b-xsml{margin-bottom:5px}.mrg-r-xxlg{margin-right:40px}.mrg-r-xlg{margin-right:30px}.mrg-r-lg{margin-right:20px}.mrg-r-med{margin-right:15px}.mrg-r-sml{margin-right:10px}.mrg-r-xsml{margin-right:5px}.mrg-l-xxlg{margin-left:40px}.mrg-l-xlg{margin-left:30px}.mrg-l-lg{margin-left:20px}.mrg-l-med{margin-left:15px}.mrg-l-sml{margin-left:10px}.mrg-l-xsml{margin-left:5px}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.bold{font-weight:700}.italic{font-style:italic}.strike{text-decoration:line-through}.black{color:#000!important}.white{color:#fff!important}.dark-gray{color: #333!important}.light-gray{color:#999!important;display:block}.black.bold,.light-gray.strike{margin-right:20px}.btn-fix{line-height:46px!important}.page-spacing{padding:75px 0}.width-100{width:100%!important;min-width:100%!important}.width-90{width:90%!important;min-width:90%!important}.width-50{width:49%!important;min-width:45%!important}.display-inline-block{display:inline-block!important}.min-width-auto{min-width:auto!important}.display-none{display:none!important}.height-100{height:100%!important}.padding-0{padding:0!important}.paddingt-0{padding-top:0!important}.paddingl-0{padding-left:0!important}.margint-0{margin-top:0!important}.margint-10{margin-top:10px!important}.marginb-0{margin-bottom:0!important}.marginb-12{margin-bottom:12px}.marginb-24{margin-bottom:24px}.overflow-auto{overflow:auto}.exam-box .overflow-auto{overflow:hidden}.table{font-size:13px}.table th a{color:#000;font-size:14px}.display-inlineblock{display:inline-block!important}.width-auto{width:auto!important}.font-weightnormal{font-weight:400!important}.fix-progressbar img{display:none}.fix-i i{position:relative;top:2px;color:inherit!important}i.ti-angle-down{position:absolute;font-size:18px;right:25px;top:14px;z-index:2;pointer-events:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;cursor:pointer}th{padding-right:1em}th a.asc:after,th a.desc:after{position:relative;left:.4em;bottom:.4em;font-size:.6em;color:red}th a.asc:after{content:'▲'}th a.desc:after{content:'▼'}.required:after{content:"*";font-weight:700;color:red}@media (min-width:992px){.col-md-20{float:left;width:20%;position:relative;min-height:1px;padding-left:0;padding-right:15px}}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*font-size: 13px;*/
  line-height: 24px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  overflow-x: hidden;
}
body.boxed-layout {
  background: #eee;
}
body.boxed-layout .main-container {
  background: #fff;
}
body.boxed-layout,
.boxed-layout .nav-container,
.boxed-layout .main-container,
.boxed-layout nav {
  max-width: 1366px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
ul {
  list-style: none;
}
ul.bullets {
  list-style: inside;
}
.main-container {
  clear: both;
}
hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 0 0 24px 0;
  width: 100%;
}
hr-2 {
  border: none;
  border-top: 1px solid #ccc;
  margin: 0 0 18px 0;
  width: 100%;
}
hr.short-thick {
  max-width: 50px;
  border-top: 5px solid #ccc;
  opacity: 1 !important;
}
.image-bg hr {
  border-color: #fff;
  opacity: .6;
}
.image-bg.bg-light hr {
  border-color: #ccc;
  opacity: 1;
}
.bg-dark hr {
  border-color: #555;
}
.inline-block {
  display: inline-block;
}
.list-inline {
  margin-left: 0;
}
.list-inline > li {
  padding: 0 8px;
}
.list-inline > li:last-child {
  padding-right: 0;
}
.list-inline > li:first-child {
  padding-left: 0;
}
.bg-primary .list-inline i {
  color: #9696f3;
}
.overflow-hidden {
  overflow: hidden;
}
.display-block {
  display: block;
}
.show-grid {
  border: 1px dashed rgba(255, 255, 255, 0);
  padding: 8px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  cursor: default;
}
.show-grid:hover {
  border-color: #222;
}
.right {
  right: 0;
}
.relative {
  position: relative;
  z-index: 2;
}
.clearboth {
  clear: both;
}
.spread-children * {
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px;
}
.spread-children-large * {
  display: inline-block;
  margin-left: 24px;
  margin-right: 24px;
}
.container {
  position: relative;
}
.vnu {
  display: inline;
}
@media all and (max-width: 1100px) {
  .col-md-push-1 {
    left: 0;
  }
}
@media all and (max-width: 768px) {
  .pull-left-sm {
    float: left !important;
  }
  .overflow-hidden-xs {
    overflow: hidden;
  }
}
@media all and (max-width: 767px) {
  .spread-children * {
    margin-left: 6px;
    margin-right: 6px;
  }
}
/*!---------- 2. MIXINS ----------*/
.v-align-children {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.v-align-children-column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media all and (max-width: 990px) {
  .v-align-children {
    display: block !important;
  }
}
.v-align-transform {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 44%;
  z-index: 2;
}
.align-bottom {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2;
}
.align-top {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2;
}
/*!---------- 3. TYPOGRAPHY ----------*/
@media all and (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
}
.bold {
  font-weight: 600 !important;
}
.thin {
  font-weight: 100 !important;
}
@media all and (max-width: 767px) {
  .thin {
    font-weight: 300 !important;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
pre,
table,
blockquote,
input,
button,
select,
textarea {
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #292929;
}
h1,
.h1 {
  font-size: 56px;
  line-height: 64px;
}
h1.large {
  font-size: 72px;
  line-height: 80px;
  font-weight: 100;
}
@media all and (max-width: 990px) {
  h1.large {
    font-size: 56px;
    line-height: 64px;
  }
}
h2 {
  font-size: 40px;
  line-height: 48px;
}
h3 {
  font-size: 32px;
  line-height: 40px;
}
h4 {
  font-size: 24px;
  line-height: 32px;
}
h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
h6,
.h6 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
}
label, .nmlabel {
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 24px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   display: inline;
}
@media all and (max-width: 767px) {
  h1,
  h1.large,
  .h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
  }
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  h3 {
    font-size: 24px;
    line-height: 32px;
  }
  h4 {
    font-size: 18px;
    line-height: 26px;
  }
  h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  h6,
  .h6 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
  }

}
.uppercase {
  font-weight: 400;
  text-transform: uppercase;
}
h1.uppercase {
  letter-spacing: 17px;
  margin-right: -17px;
}
h2.uppercase {
  letter-spacing: 10px;
  margin-right: -10px;
}
h3.uppercase {
  letter-spacing: 6px;
  margin-right: -6px;
}
h4.uppercase {
  letter-spacing: 3px;
  margin-right: -3px;
}
h5.uppercase {
  letter-spacing: 2px;
  margin-right: -2px;
}
h6.uppercase,
.h6-u {
  letter-spacing: 2px;
  font-weight: 700;
}
.bold-h6 {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
p,
span {
  font-weight: 400;
}
p.lead {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.subnav {
  font-size: 12px;
  color: #ffffff;
}
.sub {
  font-size: 12px;
}
a {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  p.lead {
    font-size: 13px;
    line-height: 24px;
  }
  p {
    font-size: 12px;
  }
}
a,
a:focus,
a:active,
a:hover {
  text-decoration: underline;
  /*outline: none;*/
  /*color: #1677cb;*/
  background: inherit;
}

.blue{
  color: #1677cb;
}
.orange{
  color: #ff9700;
}
.green{
  color: #8cc34b;
}
.purple{
  color: #9d27af;
}
/*a:hover {
  color: #1919d7;
  text-decoration: none;
}*/
.blue:hover {
  color: white;
  background: #1677cb;
}
.orange:hover {
  color:white;
  background: #ff9700;
}
.green:hover {
  color:white;
  background: #8cc34b;
}
.purple:hover {
  color:white;
  background: #8cc340;
}




.image-bg a,
.bg-primary a {
  color: #fff;
}
.image-bg a:hover,
.bg-primary a:hover {
  color: #fff;
  opacity: .9;
}
.bg-light a {
  color: #1677cb;
}
.bg-light a:hover {
  color: #1677cb;
  opacity: 1;
}

.label {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  letter-spacing: 1px;
  background: #4099e6;
  border-radius: 0;
  padding: 6px 12px;
  font-size: 10px;
  vertical-align: middle;
}
blockquote {
  overflow: hidden;
  font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
  background: #f5f5f5;
  padding: 32px;
  color: #777;
  font-weight: 300;
}
.bg-secondary blockquote {
  background: #fff;
  border-color: #1677cb;
}
blockquote .author {
  font-size: 12px;
  display: block;
  float: right;
  margin-top: 16px;
}
.number {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color:#4099e6;
}
.columns-2 {
  column-count: 2;
  -webkit-column-count: 2;
}
@media all and (max-width: 767px) {
  br {
    display: none;
  }
  blockquote {
    font-size: 16px;
    line-height: 32px;
  }
  .columns-2 {
    column-count: 1;
    -webkit-column-count: 1;
  }
}
.text-left {
  text-align: left !important;
}
@media all and (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
}
/*!---------- 3.1. TYPOGRAPHY - LISTS ----------*/
ul[data-bullet] li {
  line-height: 32px;
}
ul[data-bullet] li i:first-child {
  margin-right: 16px;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  display: inline-block;
}
ul.lead li {
  font-size: 16px;
  line-height: 40px;
}
/*!---------- 4. COLOURS ----------*/
.bg-primary {
  background: #1677cb !important;
}
.bg-blue {
  background: #1677cb !important;
}
.bg-orange {
  background: #f8a958 !important;
}
.bg-green {
  background: #bbcf71 !important;
}
.bg-ip {
  background: #1677cb !important;
}
.bg-admin {
  background: #8096a1 !important;
}
.bg-secondary {
  background: #f8f8f8;
}
.bg-white {
  background: #fff;
}
.bg-dark {
  background: #292929;
}
.color-body {
  color: #333;
}
.color-primary {
  color: #1677cb !important;
}
.color-red {
  color: #e31d3b !important;
}
.color-white {
  color: #fff;
}
/*!---------- 5. SECTIONS ----------*/
section,
footer {
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}
    section.main-header h1 {
        text-align: center;
    }
    section.main-header p {
        text-align: center;
        padding-bottom: 1em;
        border-bottom: 1px solid #ccc;
    }
    footer {
        padding: 72px 0;
    }
.fullscreen {
  height: 100vh;
}
.fullscreen2 {
  height: 130vh;
}
.bg-dark h1,
nav.bg-dark h1,
footer.bg-dark h1,
.bg-primary h1,
.bg-dark h2,
nav.bg-dark h2,
footer.bg-dark h2,
.bg-primary h2,
.bg-dark h3,
nav.bg-dark h3,
footer.bg-dark h3,
.bg-primary h3,
.bg-dark h4,
nav.bg-dark h4,
footer.bg-dark h4,
.bg-primary h4,
.bg-dark h5,
nav.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
nav.bg-dark h6,
footer.bg-dark h6,
.bg-primary h6 {
  color: #ffffff;
}
.bg-dark p,
nav.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
nav.bg-dark span,
footer.bg-dark span,
.bg-primary span,
.bg-dark li,
nav.bg-dark li,
footer.bg-dark li,
.bg-primary li {
  color: #fefefe;
}
@media all and (max-width: 767px) {
  section {
    padding: 80px 0;
  }
}
.overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #292929;
  opacity: 0.3;
  z-index: 2;
}
.overlay-heavy:before {
  opacity: .6;
}
.bg-light.overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.1;
  z-index: 2;
}
.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 {
  color: #ffffff;
}
.image-bg p,
.image-bg span,
.image-bg li {
  color: #ffffff;
}
.image-bg .container,
.image-bg div[class*='col-'] {
  position: relative;
  z-index: 3;
}
.container.image-bg .row {
  position: relative;
  z-index: 3;
}
.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #292929;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}
@media all and (max-width: 767px) {
    .background-image-holder{
        display: none; /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
    }
}
.background-image-holder img {
  display: none;
}
.background-multiply .background-image-holder {
  background-color: #888484 !important;
  background-blend-mode: multiply;
}
.background-multiply-2 .background-image-holder {
  background-color: #1677cb !important;
  background-blend-mode: multiply;
}
.background-image-holder.fadeIn {
  opacity: 1;
}
.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
  height: 100vh;
  top: -50vh;
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}
.parallax:first-child .slides li > .background-image-holder,
.parallax:first-child .background-image-holder {
  top: 0;
}
.main-container > a:first-child + .parallax .background-image-holder {
  top: 0;
}
@media all and (max-width: 767px) {
  .parallax > .background-image-holder,
  .parallax .slides li > .background-image-holder {
    top: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }
}
/*!---------- 6. BUTTONS ----------*/
.btn-hide {
  display: none; /* Hide button */
}

.btn-hide:hover btn {
   display: block; /* On :hover of div show button */
}
.btn {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #1677cb;
  padding: 0 26px;
  min-width: 150px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
  /*height: 50px;*/
}

.btn-blue {
  color: #1677cb;
  border: #1677cb;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-orange {
  border: 2px solid #f8a958;
  color: #f8a958;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-green {
  border: 2px solid #bbcf71;
  color: #bbcf71;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-purple {
  border: 2px solid #8373a3;
  color: #8373a3;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-ip {
  border: 2px solid #1677cb;
  color: #1677cb;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-admin {
  border: 2px solid #8096a1;
  color: #8096a1;
  background: #fff;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn-ghost {
  border: 2px solid #fff;
  background: #fff;
  color: #1677cb;
  height: 50px;
  line-height: 46px;
  min-width: 200px;
}
.btn:last-child,
.btn:last-of-type {
  margin-right: 0;
}
.btn:hover {
  background: #1677cb;
  color: #fff !important;
}
.btn-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
  min-width: 0;
  padding: 0;
  line-height: 38px;
}
.btn-icon.btn-lg {
  width: 50px;
  height: 50px;
  line-height: 49px;
  font-size: 24px;
  min-width: 0;
}
.btn-icon.btn-sm {
  width: 30px;
  height: 30px;
  line-height: 29px;
  font-size: 13px;
  min-width: 0;
  padding: 0 0 0 1px!important;
}
.btn-sm {
  height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;
}
.btn-filled {
  background: #1677cb;
  color: #fff;
  border: #fff;
}
.btn-filled:hover {
  background: #fff;
  color: #1677cb;
  border: #fff;
}
.btn-white,
.image-bg .btn,
.image-bg {
  border-color: #fff;
}
.btn-white:hover
 {
  background: #fff;
  color: #000 !important;
}

.btn-blue:hover
 {
  background: #1677cb;
  color: #fff;
}
.btn-orange:hover
{
  background: #f8a958;
  color: #fff;
}
.btn-green:hover
{
  background: #bbcf71;
  color: #fff;
}
.btn-purple:hover
 {
  color: #ffffff;
  background: #8373a3;

}
.image-bg .btn-filled:hover {
  border-color: #fff;
}
.btn-rounded {
  border-radius: 25px;
}
body.btn-rounded .btn {
  border-radius: 25px !important;
}
.bg-light .btn {
  border-color: #222;
  color: #222;
}
.bg-light,
.bg-light {
  color: #222;
}
.bg-light .btn-filled,
.bg-light  {
  color: #fff;
}



.btn.bg-dark {
  color: #fff;
  border-color: #292929;
}
.btn.bg-dark:hover {
  background: #434343;
}
.bg-primary .btn {
  color: #fff;
  border-color: #fff;
}
.bg-primary .btn:hover {
  background: #fff;
  color: #1677cb;
}
/*!---------- 7. NAVIGATION ----------*/
.nav-container {
  -webkit-backface-visibility: hidden;
  max-width: 100%;
}
nav {
  background: #fff;
  -webkit-backface-visibility: hidden;
  max-width: 100%;
}
nav ul {
  margin-bottom: 0;
}
.module {
  display: inline-block;
  padding: 0 32px;
}
.module-group {
  display: inline-block;
}
.module.left,
.module-group.left {
  float: left;
}
.module.right,
.module-group.right {
  float: right;
}
nav .btn,
.nav-bar .btn {
  margin: 0;
  height: auto;
}
.nav-utility {
  height: 45px;
  line-height: 43px;

  overflow: hidden;
}
.nav-utility i {
  position: relative;
  top: 1px;
}
.nav-bar {
  height: 65px;
  max-height: 65px;
  line-height: 60px;

}
.nav-bar .two{
  height: 53px;
  max-height: 53px;
  line-height: 47px;
  border-bottom: 1px solid #ccc;
  background: #1677cb;
  color: #fff;
}






.nav-bar-2 {
  height: 53px;
  max-height: 53px;
  line-height: 47px;
  border-bottom: 1px solid #ccc;
}
.nav-bar .module,
.nav-bar .module-group {
  height: 55px;
}
.nav-bar a {
  display: inline-block;
  height: 55px;
}
.logo {
  max-height: 120%;
  padding-bottom: 5px;
}
.logo-light {
  display: none;
}
nav.nav-centered .logo {
  max-height: 64px;
  margin: 64px 0 40px 0;
}
nav.bg-dark .logo-light {
  display: inline;
}
nav.bg-dark .logo-dark {
  display: none;
}
.has-dropdown {
  padding-right: 18px;
}
.has-dropdown:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  content: "\e64b";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
.menu {
  width: 100%;
  height: 65px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: center;
}
.menu.inline-block {
  width: auto;
}
.menu li a {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #292929;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  max-width: 100%;
  white-space: normal;
  vertical-align: center;
}
.menu li a:hover {
  opacity: 0.5 !important;
}
.menu li-2 a {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #292929;
  opacity: 0.5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  max-width: 100%;
  white-space: normal;
}
.menu li-2 a:hover {
  opacity: 0.7 !important;
}
.menu > li {
  margin-right: 32px;
  float: left;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.menu > li:last-child {
  margin-right: 0;
}
.menu > li:last-child > ul {
  right: 0;
}
.menu > li:last-child > ul ul {
  left: auto;
  right: 100%;
}
.menu > li ul {
  width: 100%;
  padding: 4px 0;
    background: #1677cb;
  position: absolute;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;

}
.menu > li > ul > li {
  position: relative;
  line-height: 20px;
  width: 100%;
  vertical-align: top;
    background: #1677cb;
}
.menu > li > ul > li i {
  display: inline-block;
  margin-right: 2px;
}
.menu > li > ul > .has-dropdown:after {
  color: #fff;
  top: 5px;
  right: 24px;
  content: "\e649";
}
.menu > li > ul li a {
  color: #fff;
  height: auto;
  padding: 6px 24px;
    background: #1677cb;
}
.menu > li > ul > li > ul {
  left: 100%;
  top: 0;
    background: #1677cb;
}
.menu > li:hover > ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}
.menu > li > ul > li:hover > ul,
.has-dropdown:hover .mega-menu ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}
.mega-menu {
  width: auto !important;
  white-space: nowrap;
  line-height: 24px;
  background: #1677cb;
}
.mega-menu ul {
  position: relative !important;
  left: auto !important;
  padding: 3px !important;
  width: 100%
  background: #1677cb;
}
.mega-menu > li {
  width: 300px !important;
  overflow: hidden;
  display: inline-block;
  padding: 3px;
  background: #1677cb;
}
.mega-menu .title {
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  padding: 15px 24px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.make-right {
  right: 0;
}
.module.widget-handle {
  border-left: 1px solid #ccc;
  padding: 0 24px;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}
nav.nav-centered .module.widget-handle {
  border: none !important;
}
@media all and (max-width: 1100px) {
  .module.widget-handle {
    padding: 0 16px;
  }
}
.module.widget-handle i {
  font-size: 20px;
  line-height: 53px;
  opacity: 0.5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.module.widget-handle:hover i,
.module.active i {
  opacity: 1;
}
.widget-handle .function {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  cursor: default;
  width: 200px;
  background: #292929;
  position: absolute;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;
  margin-top: -2px;
  right: 0;
}
.module.widget-handle:hover .function {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}
.module.widget-handle .title {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  display: none;
  opacity: .5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.module.widget-handle .title:hover {
  opacity: 1;
}
.widget-handle .cart {
  position: relative;
}
.widget-handle .cart .label {
  width: 17px;
  height: 17px;
  font-size: 10px;
  line-height: 17px;
  padding: 0;
  text-align: center;
  position: absolute;
  background: #1677cb;
  top: 10px;
  right: -10px;
  border-radius: 50%;
}
.widget-handle .search-form {
  padding: 8px;
  display: inline-block;
  width: 100%;
  line-height: 50px;
}
.widget-handle .search-form input {
  margin: 0;
  font-size: 16px;
}
nav .widget {
  margin: 0;
  padding: 24px;
}
nav .widget .title {
  display: none !important;
}
nav .widget,
nav .widget a:not(.btn) {
  color: #fff;
}
nav .widget hr {
  border-color: #777;
  margin-bottom: 16px;
}
nav .widget hr:first-of-type {
  display: none;
}
.cart-widget-handle .function {
  width: auto;
  background: #fff;
}
.cart-widget-handle .function span {
  color: #222 !important;
}
nav .cart-overview {
  min-width: 300px;
  margin-bottom: 16px;
}
nav .cart-overview a {
  height: auto;
}
.language .menu > li ul {
  max-width: 150px;
}
.nav-open {
  max-height: 10000px !important;
  height: auto !important;
}
.nav-open .mobile-toggle {
  border-bottom: 1px solid #ccc;
}
@media all and (max-width: 1120px) {
  .menu > li {
    margin-right: 24px;
  }
}
.has-offscreen-nav .main-container {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.offscreen-container {
  position: fixed;
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  -moz-transform: translate3d(200%, 0, 0);
  width: 50%;
  top: 0;
  height: 100%;
  min-height: 100vh;
  z-index: 20;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  overflow: hidden;
}
.offscreen-container.reveal-nav {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
}
.main-container.reveal-nav {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
}
.offscreen-left .offscreen-container {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
}
.offscreen-left .offscreen-container.reveal-nav {
  transform: translate3d(0%, 0, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
}
.offscreen-left .main-container.reveal-nav,
.offscreen-left nav.reveal-nav {
  transform: translate3d(50%, 0, 0) !important;
  -webkit-transform: translate3d(50%, 0, 0) !important;
  -moz-transform: translate3d(50%, 0, 0) !important;
}
.offscreen-container .close-nav {
  position: absolute;
  right: 24px;
  top: 16px;
  z-index: 24;
  font-size: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5;
}
.offscreen-container .close-nav:hover {
  opacity: 1;
}
.offscreen-container.bg-dark .close-nav i {
  color: #fff;
}
@media all and (max-width: 990px) {
  .offscreen-container {
    width: 100vw;
  }
  .offscreen-container.reveal-nav {
    transform: translate3d(0vw, 0, 0);
    -webkit-transform: translate3d(0vw, 0, 0);
    -moz-transform: translate3d(0vw, 0, 0);
  }
  .main-container.reveal-nav {
    transform: none !important;
  }
}
@media all and (max-width: 990px) {
  nav.fixed {
    position: absolute !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  nav.outOfSight {
    transform: translate3d(0, 0px, 0) !important;
    -webkit-transform: translate3d(0, 0px, 0) !important;
    -moz-transform: translate3d(0, 0px, 0) !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
  }
  .nav-bar,
  .nav-bar .module-group,
  .nav-bar .module {
    height: auto;
    overflow: hidden;
  }
  .nav-bar .module {
    padding: 0 16px;
  }
  .nav-bar .module-group {
    width: 100%;
    padding: 16px 0;
  }
  .nav-bar .module-group .module {
    display: block;
    float: none;
    width: 100%;
  }
  nav.nav-centered .logo {
    margin: 24px 6px 16px 6px;
    max-height: 40px;
  }
  .menu {
    height: auto;
  }
  .menu.inline-block {
    width: 100%;
  }
  .menu a {
    height: auto;
    line-height: 24px;
    padding: 4px 0;
  }
  .menu li {
    line-height: 24px;
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .menu > li ul {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    left: 0;
  }
  .menu > li > ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    display: none;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
  }
  .menu > li > ul > .has-dropdown:after {
    content: "\e64b";
  }
  .menu > li > ul > li > ul {
    left: 0;
    display: none;
    padding: 0;
  }
  .menu > li > ul li a,
  .mega-menu .title {
    padding: 4px 16px;
  }
  .has-dropdown .has-dropdown li {
    padding-left: 18px;
  }
  .has-dropdown {
    padding-right: 0;
  }
  .mega-menu {
    margin-left: 0 !important;
  }
  .mega-menu li {
    width: 100% !important;
  }
  .toggle-sub > ul,
  .toggle-sub .mega-menu ul {
    display: block !important;
  }
  .module.widget-handle {
    border-left: none;
    border-top: 1px solid #ccc;
    line-height: 40px;
    min-height: 40px;
  }
  .module.widget-handle .menu {
    line-height: 40px;
  }
  .module.widget-handle .menu li {
    line-height: 40px;
  }
  .module.widget-handle i {
    line-height: 40px;
  }
  .module.widget-handle .title {
    display: inline-block;
    position: relative;
    bottom: 3px;
    margin-left: 8px;
  }
  .widget-handle .function {
    width: 100%;
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
    margin-top: 0;
    display: none;
    box-shadow: none !important;
  }
  .toggle-widget-handle .function {
    display: block !important;
  }
  .widget-handle .cart .label {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    top: 18px;
  }
  .mobile-toggle {
    border-left: 1px solid #ccc !important;
    border-bottom: none !important;
  }
  .mobile-toggle i {
    line-height: 53px !important;
  }
  .mobile-toggle.absolute-xs {
    position: absolute;
    top: 0;
  }
  nav.nav-centered .mobile-toggle {
    width: 100%;
  }
  nav.bg-dark .module.widget-handle {
    border-top: 1px solid #444;
  }
  nav.bg-dark .mobile-toggle {
    border-left: 1px solid #444 !important;
  }
  nav.bg-dark .nav-open .mobile-toggle {
    border-bottom: 1px solid #444;
  }
}
nav.outOfSight {
  transform: translate3d(0, -200px, 0);
  -webkit-transform: translate3d(0, -200px, 0);
  -moz-transform: translate3d(0, -200px, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
nav.scrolled {
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
}
nav.fixed,
nav.absolute {
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  right: 0;
}
nav.absolute {
  position: absolute;
}
nav.fixed {
  position: fixed;
  visibility: hidden;
  opacity: 0;
}
nav.fixed .nav-utility {
  display: block;
}
nav.fixed.scrolled {
  visibility: visible;
  opacity: 1;
}
nav.transparent {
  background: none;
}
nav.transparent .menu > li > a,
nav.transparent .module.widget-handle i,
nav.transparent .nav-utility {
  color: #fff;
}
nav.transparent .nav-utility,
nav.transparent .nav-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
nav.transparent .module.widget-handle {
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}
nav.transparent .menu > li > a,
nav.transparent .module.widget-handle i {
  opacity: 1;
}
nav.transparent .has-dropdown:after {
  color: #fff;
}
nav.transparent .logo-dark {
  display: none;
}
nav.transparent .logo-light {
  display: inline;
}
@media all and (max-width: 990px) {
  nav.transparent .nav-open {
    background: #fff;
  }
  nav.transparent .nav-open .menu > li > a,
  nav.transparent .nav-open .module.widget-handle i,
  nav.transparent .nav-open .nav-utility {
    color: #292929;
  }
  nav.transparent .nav-open .logo-dark {
    display: inline;
  }
  nav.transparent .nav-open .logo-light {
    display: none;
  }
  nav.transparent .nav-open .has-dropdown:after {
    color: #292929;
  }
  .menu > li:last-child > ul ul {
    right: 0;
  }
}
nav.transparent.fixed {
  background: #fff;
}
nav.transparent.fixed .logo-light {
  display: none;
}
nav.transparent.fixed .logo-dark {
  display: inline;
}
nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i {
  color: #292929;
}
nav.transparent.fixed .menu > .has-dropdown:after {
  color: #fff;
  color: #292929;
}
nav.transparent.fixed .module.widget-handle {
  border-left: 1px solid #ccc;
}
nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i {
  opacity: .5;
}
nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
  color: #fff;
  opacity: .7;
}
nav.bg-dark .module.widget-handle {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
nav.bg-dark .nav-utility,
nav.bg-dark .nav-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
nav.transparent.fixed.bg-dark {
  background: #292929;
}
nav.transparent.fixed.bg-dark .menu > li > a,
nav.transparent.fixed.bg-dark .module.widget-handle i {
  color: #fff;
}
nav.nav-centered.outOfSight .logo {
  display: none;
}

ul.cartUtilityNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.cartUtilityNav li {
    margin-bottom: 24px;
}
ul.cartUtilityNav li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
}
/*!---------- 8. TOOLTIPS ----------*/
.tooltip {
  font-weight: 600;
  font-size: 13px;
}
.tooltip-inner {
  border-radius: 0;
  padding: 9px 24px 12px 24px;
}
/*!---------- 9. ALERTS ----------*/
.alert {
  margin-bottom: 24px;
  background: none;
  border-radius: 0;
  font-weight: 600;
  padding: 12px 16px;
}
.alert .close {
  opacity: 1;
  font-size: 24px;
  top: -2px;
  right: -4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.alert .close span {
  font-weight: 400;
}
.alert-warning {
  border: 1px solid #d88519;
  color: #d88519;
  background-color: #fcf8e3 !important;
}
.alert-success {
  border: 1px solid #1677cb;
  color: #1677cb;
}
.alert-danger {
  border: 1px solid #c64444;
  color: #c64444;
}

.alert-danger-2 {
  border: 1px solid #c64444;
  color: #c64444;
}

/*!---------- 10. ICONS ----------*/
.icon {
  font-size: 64px;
  display: inline-block;
  color: #292929;
}
.image-bg.bg-light .icon {
  color: #292929;
}
.image-bg .icon,
.bg-dark .icon {
  color: #fff;
}
.icon-lg {
  font-size: 80px;
}
.icon-sm {
  font-size: 26px;
}
.icon-xs {
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .icon {
    font-size: 48px;
  }
  .icon-lg {
    font-size: 64px;
  }
  .icon-sm {
    font-size: 18px;
  }
  .icon-xs {
    font-size: 16px;
  }
}
.embelish-icons {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: scale(10);
  -webkit-transform: scale(10);
  left: 50%;
  opacity: 0.05;
  z-index: -1;
}
/*!---------- 11. FORMS ----------*/
input,
button,
select,
textarea {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="text"],
button,
textarea,
select,
inputSecret[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.bg-secondary input[type="text"],
.bg-secondary textarea,
.bg-secondary select {
  background: #fff;
}
.input-lh {
  line-height: 50px;
}
.attempted-submit .field-error {
  outline: 1px red !important;
}
.input-with-label span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #292929;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  cursor: default;
}
input[type="text"],
input[type="password"] {
    background: #f5f5f5;
    border: 1px solid #919191;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
}
input[type="label"] {
  background: #ffffff;
  color: #000000;
  border: none;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  border-radius: 0;
}
.image-bg input[type="text"],
.image-bg textarea {
  color: #555;
}
.image-bg.bg-light input.transparent,
.image-bg.bg-light button.transparent {
  border-color: #292929;
}
input.transparent,
button.transparent {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff !important  ;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border: 1px solid #919191;
}
textarea {
    width: 100%;
    border: 1px solid #919191;
    background: #f5f5f5;
    margin-bottom: 24px;
    border-radius: 0;
    padding: 16px 20px;
}
/*textarea:focus {
  outline: 1px solid #ccc;
}*/
::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #777;
  font-size: 11px;
}
:-moz-placeholder {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #777;
  font-size: 11px;
}
::-moz-placeholder {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #777;
  font-size: 11px;
}
:-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #777;
  font-size: 11px;
}
input.transparent::-webkit-input-placeholder,
button.transparent::-webkit-input-placeholder {
  color: #fff;
}
input.transparent::-moz-input-placeholder,
button.transparent::-moz-input-placeholder {
  color: #fff;
}
input.transparent:-moz-input-placeholder,
button.transparent:-moz-input-placeholder {
  color: #fff;
}
input.transparent:-ms-input-placeholder,
button.transparent:-ms-input-placeholder {
  color: #fff;
}
input[type="submit"],
button[type="submit"] {
    line-height: 36px;
    border: 2px solid #1677cb;
    background: #1677cb;
    color: #fff;
    width: auto;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0;
    min-width: 150px;
    padding: 0 26px;
    height: 50px;
}
.bg-primary input[type="submit"],
.bg-primary button[type="submit"] {
  background: #fff;
  color: #1677cb;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: #0288D1;
  color: #fff;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
  outline: none;
}
input[type="submit"].hollow,
button[type="submit"].hollow {
  background: none;
  border: 2px solid #1677cb;
  color: #1677cb;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
input[type="submit"].hollow:hover,
button[type="submit"].hollow:hover {
  background: #1677cb;
  color: #fff;
}
.select-option {
    position: relative;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    margin-bottom: 24px;
}
.select-option i {
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 14px;
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer;
}
.select-option:focus i {
  color: #fff;
}
.select-option select {
  margin-bottom: 0;
}
select {
    height: 50px;
    background: #f5f5f5;
    width: 100%;
    border-radius: 0;
    border: 1px solid #919191;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: pointer;
}
select:focus {
  background: #eee;
}
/*select:active,
select:focus,
select:hover {
  outline: none;
  border: none;
}*/
.checkbox-option,
.radio-option {
  display: inline-block;
  width: 25px;
  height: 12.5px;
  border-radius: 12.5px;
  border: 1px solid #1677cb;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 24px;
}
.checkbox-option,
.radio-option {
  display: inline-block;
  width: 50px;
  height: 25px;
  border-radius: 25px;
  border: 1px solid #1677cb;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 24px;
}
.checkbox-option .inner,
.radio-option .inner {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #1677cb;
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}
.checkbox-option.checked .inner {
  transform: translate3d(25px, 0, 0);
  -webkit-transform: translate3d(25px, 0, 0);
  -moz-transform: translate3d(25px, 0, 0);
  background: #1677cb;
}
.checkbox-option input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.radio-option {
transform: scale(.8);
  width: 25px;
  height: 25px;
  text-align: left;
}
.radio-option:nth-of-type(n+2) {
  margin-left: 24px;
}
.radio-option input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.radio-option .inner {
  border: none;
  width: 19px;
  height: 19px;
  left: 2px;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.radio-option + span {
  display: inline-block;
  line-height: 25px;
}
.radio-option.checked .inner {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.radio-option.checked .inner {
  background: #1677cb;
}

label.label-hide{
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

@media all and (min-width: 991px) {
  input.col-md-6,
  button.col-md-6 {
    width: 49%;
    float: left;
  }
  input.col-md-6:first-of-type,
  button.col-md-6:first-of-type {
    margin-right: 1%;
  }
  input.col-md-6:last-of-type,
  button.col-md-6:last-of-type {
    margin-left: 1%;
  }
}
form.thirds input,
form.thirds button {
  width: 32%;
  float: left;
  margin-left: 1%;
  margin-bottom: 16px;
}
form.halves input,
form.halves button {
  width: 46%;
  float: left;
  margin-left: 2.5%;
  margin-bottom: 16px;
}
form.full input,
form.full button {
  width: 90%;
  float: left;
  margin-left: 2.5%;
  margin-bottom: 16px;
}
form.halves p,
form.thirds p,
form.halves span,
form.thirds span {
  clear: both;
}
.form-error,
.form-success {
  background: #58ce38;
  padding: 12px;
  width: 80%;
  color: #fff;
  clear: both;
  display: block;
  max-width: 700px;
  position: relative;
  top: 16px;
  margin: 0 auto;
  word-break: break-word;
}
.form-error {
  background: #ce3838;
}
.form-error a,
.form-success a {
  display: block;
  color: #fff;
}
.attempted-submit .field-error {
  outline: 1px solid #ce3838 !important;
}
form iframe.mail-list-form {
  display: none;
}
.form-loading {
  border: 3px solid #ffffff;
  border-radius: 30px;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  margin: 0px auto;
  top: 50%;
  width: 30px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: pulsate 1s ease-out;
  -moz-animation-iteration-count: infinite;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  z-index: 99999;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
button[type="submit"] .form-loading {
  height: 25px;
  width: 25px;
  display: inline-block;
  top: 9px;
  position: relative;
  left: 0;
}
.btn-white .form-loading {
  border: 3px solid #c8c8c8;
}
@media all and (max-width: 767px) {
  form.thirds input,
  form.halves input,
  form.thirds button,
  form.halves button {
    width: 100%;
    margin-bottom: 8px;
    float: left;
    margin-left: 0;
  }
}
/*!---------- 12. ACCORDIONS ----------*/
.accordion .title {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.accordion li.active .content {
  max-height: 400px;
}
.accordion p:last-child {
  margin-bottom: 0;
}
.accordion-1 li {
  margin-bottom: 10px;
}
.accordion-1 li:last-child {
  margin-bottom: 0;
}
.accordion-1 .title {
  background: #f5f5f5;
  padding: 13px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.bg-secondary .accordion-1 .title {
  background: #ebebeb;
}
.bg-secondary .accordion-1 .title:hover {
  background: #e4e4e4;
}
.accordion-1 .title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.accordion-1 .active .title {
  background: #1677cb;
  color: #fff;
}
.accordion-1 .content {
  border: 1px solid #eee;
  border-top: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}
.accordion-1 .content p {
  padding: 13px;
}
.accordion-1 .active .content {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
}
.accordion-1 .title:hover {
  background: #eee;
}
.accordion-1 .active .title:hover {
  background: #1677cb;
}
.accordion-2 .title {
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .7;
}
.accordion-2 .title:before {
  content: "\e61a";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.accordion-2 .active .title {
  opacity: 1;
}
.accordion-2 .active .title:before {
  content: '\e622';
}
.accordion-2 .content p {
  padding: 16px 0;
}
.accordion-2 .title:hover {
  opacity: 1;
}
/*!---------- 13. TABBED CONTENT ----------*/
.tabs {
  overflow: hidden;
}
.tabs li {
  display: inline-block;
  cursor: pointer;
}
.tabs.thirds {
  width: 100%;
}
.tabs.thirds li {
  width: 33.3333333%;
}
.tabs.thirds .tab-title {
  width: 100%;
}
.button-tabs .tabs {
  display: inline-block;
  overflow: hidden;
}
.button-tabs .tabs > li {
  margin-bottom: 8px;
  float: left;
}
.button-tabs .tabs > li:last-child {
  margin-right: 0;
}
.button-tabs .tab-title {
  padding: 13px;
  display: inline-block;
  text-align: center;
  min-width: 150px;
  background: #f5f5f5;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.bg-secondary .button-tabs .tab-title {
  background: #eee;
}
.button-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.button-tabs .active .tab-title {
  background: #1677cb;
  color: #fff;
}
.button-tabs .tab-title:hover {
  background: #eee;
}
.button-tabs .active .tab-title:hover {
  background: #1677cb;
}
.button-tabs.vertical {
  overflow: hidden;
}
.button-tabs.vertical > .tabs {
  max-width: 30%;
  float: left;
}
.button-tabs.vertical > .content {
  padding-left: 3%;
  max-width: 70%;
  float: right;
}
.button-tabs.vertical > .tabs li,
.button-tabs.vertical .tab-title {
  width: 100%;
}
.button-tabs.vertical > .tabs li {
  margin-bottom: 10px;
}
.bg-dark .button-tabs .tab-title span {
  color: #222;
}
@media all and (max-width: 767px) {
  .button-tabs .tabs li {
    width: 49%;
    margin-bottom: 15px;
  }
  .button-tabs.vertical .tabs,
  .button-tabs.vertical .content {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
  }
}
.tabbed-content .content > li {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  display: none;
}
.tabbed-content .content .active {
  opacity: 1;
  visibility: visible;
  display: block;
}
.text-tabs .tabs {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
  overflow: visible;
}
.text-tabs.no-border .tabs {
  border-bottom: none;
}
.text-tabs .tab-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  padding: 0 24px;
  opacity: 0.5;
  position: relative;
}
.text-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.text-tabs .tab-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #1677cb;
  bottom: 10px;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  bottom: -17px;
  left: 0;
}
.text-tabs .active .tab-title {
  opacity: 1;
  color: #1677cb;
}
.bg-primary .text-tabs .tab-title:after {
  background: #c4c4f8;
}
.text-tabs .active .tab-title:after {
  opacity: 1;
}
.text-tabs .tab-title:hover {




  opacity: 1;
}
@media all and (max-width: 767px) {
  .text-tabs .tabs {
    padding-bottom: 0;
  }
  .text-tabs .tabs li {
    width: 49%;
    margin-bottom: 15px;
  }
  .text-tabs .tab-title:after {
    display: none;
  }
  .text-tabs:not(.text-center) .tabs li:first-child .tab-title {
    padding-left: 24px;
  }
}
.icon-tabs .tabs li {
  width: 24.5%;
  margin-bottom: 24px;
}
.icon-tabs .tab-title {
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5;
}
.icon-tabs .tab-title:hover {
  opacity: 1;
}
.icon-tabs .active .tab-title {
  color: #1677cb;
  opacity: 1;
}
.icon-tabs .active .tab-title i {
  color: #1677cb;
}
.image-bg .icon-tabs .active .tab-title i {
  color: #fff;
}
.icon-tabs .tab-title i {
  display: block;
  margin-bottom: 16px;
}
.icon-tabs .tab-title span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
@media all and (max-width: 767px) {
  .icon-tabs .tabs li {
    margin-bottom: 16px;
    margin-right: 0;
    width: 49%;
  }
  .icon-tabs .tab-title i {
    font-size: 32px;
  }
}
/*!---------- 14. PROGRESS BARS ----------*/
.progress-bars {
  margin-bottom: 24px;
}
.progress {
  height: auto;
  box-shadow: none;
  border: solid 1px #ccc;
}
.progress-bar {
  background: #1677cb;
  box-shadow: none !important;
  color: #fff;
  font-weight: bold;
}
.bg-primary .progress-bar {
  background: #6060ec;
}
.progress-1 {
  height: 32px;
  margin-bottom: 8px;
  border-radius: 0;
  border: none;
}
.progress-1:last-child {
  margin-bottom: 0;
}
.progress-1 .progress-bar {
  text-align: right;
  padding-right: 12px;
  line-height: 32px;
  border-radius: 0;
}
.progress-1 .progress-bar span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 11px;
}
.progress-2 {
  line-height: 20px;
  background: none;
  text-align: center;
  margin-bottom: 8px;
}
.progress-2 span {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 8px;
}
.progress-2 .bar-holder {
  height: 16px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #1677cb;
}
.bg-primary .progress-2 .bar-holder {
  border-color: #7272ee;
}
/*!---------- 15. STATS ----------*/
.stat-2 h1 {
  font-size: 80px;
  line-height: 88px;
}
.stat-3 h1 {
  margin-bottom: 8px;
  font-size: 72px;
  line-height: 80px;
}
.stat-3 h6 {
  margin-bottom: 0;
}
/*!---------- 16. BREADCRUMBS ----------*/
.breadcrumb {
  margin-bottom: 24px;
}
.breadcrumb-2 {
  background: none;
  padding: 0;
}
.breadcrumb-2 li a,
.breadcrumb-2 li {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 11px;
  font-weight: 600;
}
.breadcrumb-2 > li + li:before {
  padding: 0 16px;
  color: #bbb;
}
.image-bg .breadcrumb li a {
  color: #fff;
  opacity: .8;
}
.image-bg .breadcrumb li a:hover {
  opacity: 1;
}
.image-bg .breadcrumb li.active {
  color: #fff;
}
.bg-dark .breadcrumb a {
  color: #fff;
}
@media all and (max-width: 990px) {
  .page-title-4 .breadcrumb,
  .page-title-2 .breadcrumb {
    float: left;
    margin-top: 32px;
  }
}
@media all and (max-width: 767px) {
  .breadcrumb-2 > li + li:before {
    padding: 0 4px;
  }
  .page-title-4 .breadcrumb,
  .page-title-2 .breadcrumb {
    float: left;
    margin-top: 8 px;
  }
}
/*!---------- 17. PAGINATION ----------*/
.pagination {
  margin: 0;
}
.pagination li {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pagination li a {
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  padding-top: 6px;
  margin: 0 4px;
  color: #292929;
  font-weight: 400;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
  background: #1677cb;
  color: #fff;
  border-color: #1677cb;
}
/*!---------- 18. ICON FEATURES ----------*/
.feature.boxed {
  padding: 32px;
  background: #f8f8f8;
}
.feature.boxed.bg-dark {
  background: #292929;
}
.feature.boxed.bg-blue {
  background: #1677cb;
}
.feature.boxed.bg-orange {
  background: #f68b20;
}
.feature.boxed.bg-green {
  background: #b2d238;
}
.feature.boxed.bg-purple {
  background: #755ea3;
}
.feature.boxed.bg-gray {
  background: #e4e4e4;
}
.bg-dark .feature.boxed {
  background: #363636;
}
.bg-secondary .feature.boxed {
  background: #fff;
}
.feature.bordered {
  padding: 32px;
  border: 1px solid #ccc;
    background: #fff; /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
}
.feature {
  margin-bottom: 24px;
}
.feature p:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .feature.boxed,
  .feature.bordered {
    padding: 24px;
  }
}
@media all and (max-width: 990px) {
  .feature .icon-lg {
    font-size: 40px;
  }
}
.feature-1 i {
  display: inline-block;
  margin-bottom: 16px;
  color: #1677cb;
  border: #fff;
}
.feature-blue {
  padding: 32px;
  background: #1677cb;
}
.feature-orange {
  padding: 32px;
  background: #f8a95a;
}
.feature-green {
  padding: 32px;
  background: #bbcf71;
}
.feature-purple {
  padding: 32px;
  background: #8373a3;
}
.feature-2 i {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #1677cb;
  text-align: center;
  line-height: 80px;
  color: #1677cb;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.feature-2-white i {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #fff;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.feature-2 i:hover,
.feature-2.filled i {
  background: #1677cb;
  color: #fff;
}
.feature-3 {
  overflow: hidden;
}
@media all and (min-width: 768px) {
  .feature-3 {
    min-height: 160px;
  }
}
.feature-3 .left,
.feature-3 .right {
  display: inline-block;
  float: left;
}
.feature-3 .left {
  width: 15%;
}
.feature-3 .right {
  width: 85%;
}
.feature-3 i {
  color: #1677cb;
}
.bg-primary .feature-3 i {
  color: #fff;
}
.feature-4 .left {
  width: 25%;
}
.feature-4 .right {
  width: 75%;
}
.feature-color h1,
.feature-color h2,
.feature-color h3,
.feature-color h4,
.feature-color h5,
.feature-color h6 {
  color: #ffffff;
}
.feature-color p,
.feature-color span,
.feature-color li {
  color: #ffffff;
}
.feature-color i {
  color: #fff;
  opacity: .7;
}
.feature-color:nth-of-type(1) {
  background: #1677cb;
}
.feature-color:nth-of-type(2) {
  background: #2424e5;
}
.feature-color:nth-of-type(3) {
  background: #1919d7;
}
.feature-5 {
  height: 33.333333vw;
  padding: 0 48px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media all and (max-width: 1280px) {
  .feature-5 {
    height: auto;
    padding: 80px 48px;
  }
  .feature-5 .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}
@media all and (max-width: 767px) {
  .feature-3 .left,
  .feature-4 .left {
    margin-bottom: 8px;
  }
  .feature-3 .left,
  .feature-4 .left,
  .feature-3 .right,
  .feature-4 .right {
    width: 100%;
  }
  .feature-5 {
    padding: 40px 24px;
  }
}
.image-bg .feature i {
  color: #fff;
}
.image-bg .feature h1,
.image-bg .feature h2,
.image-bg .feature h3,
.image-bg .feature h4,
.image-bg .feature h5,
.image-bg .feature h6 {
  color: #ffffff;
}
.image-bg .feature p,
.image-bg .feature span,
.image-bg .feature li {
  color: #ffffff;
}
.image-bg .feature.bordered {
  border-color: rgba(255, 255, 255, 0.4);
}
.image-bg .feature.boxed {
  background: rgba(34, 34, 34, 0.4);
}
.bg-light .feature.bordered {
  border-color: rgba(34, 34, 34, 0.2);
}
/*!---------- 19. PRICING TABLES ----------*/
.pricing-table {
  padding: 48px 32px;
}
.row-space{
  margin-top:10px
}
.pricing-table .price {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 80px;
  line-height: 80px;
  font-weight: 300;
  color: #292929;
  display: inline-block;
  margin-bottom: 16px;
}
.bg-dark .pricing-table .price {
  color: #fff;
}
.pricing-table p:last-child {
  margin-bottom: 0;
}
.pricing-table.boxed,
.pricing-table.emphasis {
  background: #f8f8f8;
}
.pricing-table.emphasis {
  background: #1677cb;
  color: #fff;
}
.pricing-table.emphasis a:not(.btn) {
  color: #fff;
}
.pricing-table.emphasis .price,
.pricing-table.emphasis h5 {
  color: #fff;
}
.pt-2 ul {
  line-height: 36px;
}
/*!---------- 20. PAGE TITLES ----------*/
.page-title {
  padding: 0;
}
.page-title .container {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
}
.page-title i {
  position: relative;
  top: 1px;
}
@media all and (max-width: 767px) {
  .page-title i {
    display: none;
  }
}
.page-title-1,
.page-title-2 {
  height: 400px;
}
.page-title-1 .breadcrumb,
.page-title-3 .breadcrumb {
  position: absolute;
  z-index: 3;
  width: 100%;
  text-align: center;
  bottom: 0;
}
.page-title-2 .breadcrumb {
  position: relative;
  margin-bottom: 0;
}
.nav-is-overlay .page-title-1.image-bg:first-child,
.nav-is-overlay.page-title-1.bg-dark:first-child,
.nav-is-overlay .page-title-2.image-bg:first-child,
.nav-is-overlay.page-title-2.bg-dark:first-child {
  height: 455px;
  padding-top: 55px;
}
@media all and (max-width: 767px) {
  .page-title-1,
  .page-title-2 {
    height: 320px;
  }
}
.page-title-3,
.page-title-4 {
  height: 240px;
}
.page-title-3 h1, .page-title-4 h1 {
    font-size: 32px;
    }
.page-title-3 h1.uppercase, .page-title-4 h1.uppercase {
    letter-spacing: 6px;
    margin-right: -6px;
    line-height: 40px;
    }



.page-title-4 .breadcrumb {
  position: relative;
  top: 8px;
  margin-bottom: 0;
}
.nav-is-overlay .page-title-3.image-bg:first-child,
.nav-is-overlay.page-title-3.bg-dark:first-child,
.nav-is-overlay .page-title-4.image-bg:first-child,
.nav-is-overlay.page-title-4.bg-dark:first-child {
  height: 295px;
  padding-top: 55px;
}
@media all and (max-width: 767px) {
  .page-title .text-right {
    text-align: left !important;
  }
}
.page-title.fullscreen {
  height: 100vh !important;
  padding-top: 0;
}
/*!---------- 21. WIDGETS ----------*/
.widget {
  margin-bottom: 48px;
}
.link-list {
  line-height: 32px;
}
.link-list a:after {
  content: "\e628";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 11px;
  display: inline-block;
  margin-left: 8px;
}
.widget ul:last-child,
.widget p:last-child {
  margin-bottom: 0;
}
.widget .title {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 12px;
}
.widget hr {
  margin-bottom: 12px;
}
.recent-posts {
  line-height: 24px;
}
.recent-posts li {
  margin-bottom: 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.recent-posts .date {
  display: block;
  letter-spacing: 0;
  opacity: .8;
}
.recent-posts li:hover .date {
  opacity: 1;
}
.tags {
  overflow: hidden;
}
.tags li {
  float: left;
  margin: 0 4px 4px 0;
}
.tags .btn-sm {
  padding: 0 8px;
  margin: 0;
}
.widget .gallery {
  overflow: hidden;
}
.widget .gallery li {
  width: 33.33333%;
  float: left;
  padding: 0 4px 4px 0;
}
.twitter-feed .user,
.twitter-feed .interact {
  display: none;
}
.widget .twitter-feed .timePosted {
  display: none;
}
.widget .tweet {
  margin-bottom: 0;
}
.widget .twitter-feed .slides li {
  margin-bottom: 24px;
}
.widget .twitter-feed .slides li:last-child {
  margin-bottom: 0;
}
.widget .twitter-feed .slides li:nth-of-type(n+3) {
  display: none;
}
.widget .twitter-feed .slides li:before {
  position: relative;
  top: 6px;
  float: left;
  display: inline-block;
  margin-right: 8px;
  color: #292929;
  content: "\e74b";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 13px;
}
.widget .twitter-feed p {
  padding-left: 22px;
  position: relative;
}
.bg-dark .widget .twitter-feed .slides li:before {
  color: #fff;
}
.widget .instafeed li {
  width: 33.3333%;
  display: inline-block;
  padding: 0 4px 4px 0;
}
.widget .instafeed li:nth-of-type(n+7) {
  display: none;
}
.widget .cart-overview img {
  width: 25%;
  padding-right: 2%;
}
.widget .cart-overview .description {
  display: inline-block;
  width: auto;
  line-height: 24px;
}
.widget .cart-overview span {
  display: block;
}
.widget .cart-overview li {
  margin-bottom: 24px;
  overflow: hidden;
}
.widget .cart-overview li:last-child {
  margin-bottom: 0;
}
.widget .cart-controls {
  max-height: 75px;
  line-height: 70px;
  width: 308px;
}
.cart-overview a {
  color: #292929;
}
.cart-overview a:hover {
  color: #1677cb;
}
.widget .flex-direction-nav li a {
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
}
.widget .flex-direction-nav li a:before {
  font-size: 16px;
}
.widget .flex-direction-nav li a.flex-next {
  right: 8px;
}
.widget .flex-direction-nav li a.flex-prev {
  left: 8px;
}
.widget .flex-control-nav {
  display: none;
}
.widget .image-slider {
  margin: 0;
}
/*!---------- 22. IMAGE TILES ----------*/
img {
  max-width: 100%;
}
.image-tile {
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
  height: 80%;
}
.image-tile img {
  /*width: 100%;*/
  display: inline-block;
  /*height: 80%;*/
}
.image-tile .label {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
}
.inner-title:before {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
  pointer-events: none;
}
.inner-title.title-center:before {
  background: #292929;
  opacity: .4;
}
.inner-title:hover:before {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.inner-title .title {
  position: absolute;
  width: 100%;
  bottom: 24px;
  z-index: 5;
}
.inner-title .title h1,
.inner-title .title h2,
.inner-title .title h3,
.inner-title .title h4,
.inner-title .title h5,
.inner-title .title h6 {
  color: #ffffff;
}
.inner-title .title p,
.inner-title .title span,
.inner-title .title li {
  color: #ffffff;
}
.inner-title.title-center .title {
  bottom: auto;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
}
.inner-title .title h5 {
  font-weight: 600;
}
.inner-title {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.inner-title:hover {
  opacity: .95;
}
.inner-title.hover-reveal:before {
  opacity: 0;
}
.inner-title.hover-reveal .title {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.inner-title.hover-reveal:hover .title {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
}
.inner-title.hover-reveal:hover:before {
  opacity: 1;
}
.inner-title-2 {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.inner-title-2:hover {
  opacity: .95;
}
.inner-title-2.hover-reveal:before {
  opacity: 0;
}
.inner-title-2.hover-reveal .title {
  opacity: 0;
}
.inner-title-2.hover-reveal:hover .title {
  opacity: 1;
}
.inner-title-2.hover-reveal:hover:before {
  opacity: 1;
}

.outer-title img {
  display: inline-block;
  margin-bottom: 12px;
}
.hover-tile {
  position: relative;
  overflow: hidden;
  background: #292929;
}
.hover-tile img {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.hover-tile:hover img {
  opacity: .5;
}
.hover-tile .hover-state {
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  top: 50%;
  z-index: 2;
  position: absolute;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  width: 100%;
}
.hover-state {
  z-index: 99;
  padding: 0 40px;
  cursor: default;
}
.hover-state h1,
.hover-state h2,
.hover-state h3,
.hover-state h4,
.hover-state h5,
.hover-state h6 {
  color: #ffffff;
}
.hover-state p,
.hover-state span,
.hover-state li {
  color: #ffffff;
}
.hover-state * {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 30px, 0) scale(1.05);
  -webkit-transform: translate3d(0, 30px, 0) scale(1.05);
}
.hover-tile:hover .hover-state {
  opacity: 1;
}
.hover-tile:hover .hover-state * {
  transform: translate3d(0, 0px, 0) scale(1);
  -webkit-transform: translate3d(0, 0px, 0) scale(1);
}
.hover-state *:last-child {
  margin-bottom: 0;
}
.border-thick {
  border: 16px solid #fff;
  border-top: none;
}
.border-thick.col-sm-6:first-child {
  border-right: 8px solid #fff;
}
.border-thick.col-sm-6:last-child {
  border-left: 8px solid #fff;
}
/*!---------- 23. SLIDERS ----------*/
.image-slider {
  position: relative;
}
.image-slider .slides {
  position: relative;
  overflow: hidden;
}
.image-slider .slides li {
  position: relative;
}
.image-slider .slides li > img {
  width: 100%;
}
.row .image-slider {
  margin-bottom: 24px;
}
.image-slider.height-70 .slides li {
  height: 70vh;
  min-height: 600px;
}
@media all and (max-width: 767px) {
  .image-slider.height-70 .slides li {
    height: auto;
    min-height: none;
    padding: 80px 0;
  }
  .image-slider.height-70 .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}
.flex-direction-nav a.flex-next {
  right: 16px;
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
  content: "\e649";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  color: #fff;
}
.flex-direction-nav a.flex-prev {
  left: 16px;
}
.flex-direction-nav a.flex-prev:before {
  content: "\e64a";
}
.flex-direction-nav a {
  opacity: 1;
  text-shadow: none;
  color: rgba(0, 0, 0, 0);
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
}
.flex-control-nav li a {
  background: none;
  border: 2px solid #292929;
  width: 10px;
  height: 10px;
}
@media all and (max-width: 768px) {
  .flex-direction-nav {
    display: none;
  }
}
.controls-inside .flex-control-nav {
  bottom: 24px;
  z-index: 10;
}
.controls-inside .flex-control-nav li a {
  border-color: #fff;
}
.controls-inside .flex-control-nav li a.flex-active {
  background: #fff;
}
.image-bg .flex-control-nav li a {
  border-color: #fff;
}
.image-bg .flex-control-nav li a.flex-active {
  background: #fff;
}
.slider-thumb-controls .flex-control-thumbs {
  margin: 0;
}
.slider-thumb-controls .flex-direction-nav {
  display: none;
}
@media all and (max-width: 767px) {
  .slider-thumb-controls .flex-control-thumbs {
    display: none;
  }
  .slider-thumb-controls .flex-direction-nav {
    display: block;
  }
}
.logo-carousel li {
  text-align: center;
}
.logo-carousel li {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5;
}
.logo-carousel li:hover {
  opacity: 1;
}
.logo-carousel img {
  max-height: 60px;
}
@media all and (max-width: 767px) {
  .logo-carousel .slides li {
    width: 100%;
  }
}
.text-slider .flex-direction-nav li a:before {
  color: #222;
}
.image-bg .text-slider .flex-direction-nav li a:before {
  color: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .5;
}
.image-bg .text-slider .flex-direction-nav li a:hover:before {
  opacity: 1;
}
.text-slider .flex-direction-nav a.flex-prev {
  left: -60px;
}
.text-slider .flex-direction-nav a.flex-next {
  right: -60px;
}
.kenburns .slides li:nth-of-type(odd) .background-image-holder {
  animation: kenBurnsEast 25s linear infinite alternate;
  -webkit-animation: kenBurnsEast 25s linear infinite alternate;
}
.kenburns .slides li:nth-of-type(even) .background-image-holder {
  animation: kenBurnsWest 25s linear infinite alternate;
  -webkit-animation: kenBurnsWest 25s linear infinite alternate;
}
@keyframes kenBurnsEast {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
  }
  to {
    transform: scale(1.2) translateX(100px);
    -webkit-transform: scale(1.2) translateX(100px);
  }
}
@-webkit-keyframes kenBurnsEast {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
  }
  to {
    transform: scale(1.2) translateX(100px);
    -webkit-transform: scale(1.2) translateX(100px);
  }
}
@keyframes kenBurnsWest {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
  }
  to {
    transform: scale(1.2) translateX(-100px);
    -webkit-transform: scale(1.2) translateX(-100px);
  }
}
@-webkit-keyframes kenBurnsWest {
  from {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
  }
  to {
    transform: scale(1.2) translateX(-100px);
    -webkit-transform: scale(1.2) translateX(-100px);
  }
}
@media all and (max-width: 767px) {
  .kenburns .slides li .background-image-holder {
    animation: none !important;
    -webkit-animation: none !important;
  }
}
/*!---------- 24. IMAGE GALLERIES ----------*/
.instafeed.grid-gallery {
  overflow: hidden;
}
.instafeed.grid-gallery li {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.instafeed.grid-gallery li:hover {
  opacity: .9;
}
.instafeed.grid-gallery.gapless li {
  padding: 0;
  width: 16.66667%;
}
.instafeed.grid-gallery.gapless li img {
  width: 100%;
}
@media all and (max-width: 990px) {
  .instafeed.grid-gallery li {
    width: 33.333333%;
  }
}
.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
  position: relative;
  overflow: hidden;
}
.lightbox-grid li {
  width: 25%;
  float: left;
  border: 8px solid rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.lightbox-grid li:hover {
  opacity: .9;
}
.square-thumbs li {
  height: 285px;
}
.third-thumbs li {
  width: 33.33333vw;
  height: 33vw;
  border: none;
}
@media all and (max-width: 1190px) {
  .square-thumbs li {
    height: 235px;
  }
}
@media all and (max-width: 990px) {
  .lightbox-grid li {
    width: 33.33333%;
  }
  .square-thumbs li {
    height: 240px;
  }
}
@media all and (max-width: 767px) {
  .lightbox-grid li {
    width: 50%;
  }
  .third-thumbs li {
    height: 50vw;
  }
  .square-thumbs li {
    height: 185px;
  }
}
.lb-outerContainer {
  background: none;
  border-radius: 0;
}
.lightbox .lb-image {
  border-radius: 0;
}
.lb-data .lb-close,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  background: none;
}
.lb-data .lb-close:before,
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
  content: "\e646";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  color: #fff;
}
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
  position: absolute;
  top: 50%;
  font-size: 32px;
  margin-top: -16px;
}
.lb-nav a.lb-next:before {
  content: "\e649";
  right: 16px;
}
.lb-nav a.lb-prev:before {
  content: "\e64a";
  left: 16px;
}
.flickr-feed li {
  width: 25%;
  padding: 8px;
}
.flickr-feed li.masonry-item {
  margin-bottom: 0;
}
.flickr-feed li img {
  min-width: 100%;
}
@media all and (max-width: 990px) {
  .flickr-feed li {
    width: 33.33333%;
  }
}
@media all and (max-width: 767px) {
  .flickr-feed li {
    padding: 4px;
  }
}
/*!---------- 25. INTROS ----------*/
.cover {
  margin: 0;
  padding: 0;
}
.cover h1,
.cover h2,
.cover h3,
/*.cover h4, removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
.cover h5,
.cover h6 {
  color: #ffffff;
}
.cover p,
.cover span,
.cover li {
  color: #ffffff;
}
.image-bg.bg-light h1,
.image-bg.bg-light h2,
.image-bg.bg-light h3,
.image-bg.bg-light h4,
.image-bg.bg-light h5,
.image-bg.bg-light h6 {
  color: #222222;
}
.image-bg.bg-light p,
.image-bg.bg-light span,
.image-bg.bg-light li {
  color: #777777;
}
.cover:first-child .fullscreen {
  max-height: 100%;
}
.cover.fullscreen .slides > li {
  height: 100vh;
}
.cover .slides li .container {
  z-index: 4;
  position: relative;
}
.cover .flex-control-nav {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .9;
}
.cover .flex-control-nav:hover {
  opacity: 1;
}
.cover .align-bottom {
  padding: 0 32px;
  bottom: 16px;
}
.cover .align-top {
  padding: 0 32px;
}
@media all and (max-width: 767px) {
  .cover .align-bottom {
    padding: 0 15px;
  }
  .cover .align-bottom.relative-xs {
    position: relative;
    bottom: 0;
  }
  .cover.fullscreen {
    height: auto;
    padding: 80px 0;
  }
  .cover.fullscreen.image-slider {
    padding: 0;
  }
  .cover.fullscreen .container {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
  .cover.fullscreen .slides li {
    height: auto;
    padding: 80px 0;
  }
}
/*!---------- 26. SHOP ----------*/
.product-single .image-slider .label {
  font-size: 12px;
  text-transform: uppercase ;
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
}
.product-single .price {
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  display: inline-block;
  margin-right: 32px;
}
.product-single .old-price {
  text-decoration: line-through;
  opacity: .7;
}
.product-single .price:not(.old-price) {
  color: #1677cb;
}
.add-to-cart input[type="text"] {
  width: 100px;
  text-align: center;
  padding: 0;
  margin: 0;
}
.add-to-cart input[type="submit"] {
  width: 160px;
  margin: 0;
}
th,
td {
  line-height: 24px !important;
}
.ratings {
  margin-bottom: 24px;
}
.ratings li {
  display: inline-block;
  background: #f8f8f8;
  padding: 24px;
  margin-bottom: 16px;
}
.star-rating li {
  padding: 0;
  color: #000;
}
.star-rating {
  margin: 0 ;
  display: inline-block;
  margin-right: 24px;
}
.ratings .user span {
  display: inline-block;
  margin-right: 8px;
}
.ratings .user .date {
  opacity: .7;
}
.ratings .user {
  margin-bottom: 8px;
}
.ratings-form input[type="text"] {
  width: 50%;
  float: left;
}
.ratings-form input[type="text"]:first-child {
  width: 48%;
  margin-right: 2%;
}
.ratings-form input[type="submit"] {
  width: 200px;
}
.product-thumb {
  max-width: 180px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.col-sm-6 .product-thumb {
  max-width: 320px;
}
.product-thumb:hover {
  transform: scale3d(0.95, 0.95, 0.95);
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
}
.cart .product-thumb {
  max-width: 10000px;
  max-height: 100px;
}
.cart .product-thumb:hover {
  transform: none;
}
.cart td,
.cart span,
.cart th {
  vertical-align: middle !important;
}
.cart span {
  display: inline-block;
}
.cart .remove-item {
    display: inline-block;
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    position: relative;
    border: 1px solid #c64444;
    color: #c64444;
    border-radius: 50%!important;
    text-align: center;
    font-size: 12px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    background: #fff;
    padding: 0;
}
.cart .remove-item .ti-close {
    position: relative;
    top: -8px;
    left: 1px;
}
.cart .remove-item:hover {
  color: #fff;
  background: #c64444;
}
/*!---------- 27. VIDEO ----------*/
video:-webkit-full-screen,
audio:-webkit-full-screen {
  -webkit-transform: translateY(0%);
}
iframe {
  border: none;
}
.player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .player {
    display: none;
  }
}
.vid-bg {
  background: #222;
}
.vid-bg .background-image-holder {
  display: none;
  z-index: 0;
}
.vid-bg .masonry-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.vid-bg .container.fadeOut {
  opacity: 0;
}
@media all and (max-width: 1024px) {
  .vid-bg .background-image-holder {
    display: block;
  }
  .vid-bg .player {
    display: none;
  }
}
video {
  max-width: 100%;
}
.local-video-container {
  position: relative;
  margin-bottom: 24px;
}
.local-video-container video {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.local-video-container .background-image-holder {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  top: 0;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
}
.background-image-holder.fadeout {
  opacity: 0 !important;
  z-index: 0;
}
@media all and (max-width: 767px) {
  video {
    max-width: 100% !important;
  }
}
.play-button {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  z-index: 4;
  border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer;
}
.play-button:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -5px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #ffffff;
}
.play-button:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
}
.play-button.dark {
  border-color: #292929;
}
.play-button.dark:before {
  border-color: transparent transparent transparent #292929;
}
@media all and (max-width: 767px) {
  .play-button {
    width: 65px;
    height: 65px;
    margin-top: -32px;
  }
  .play-button:before {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20.0px;
    border-color: transparent transparent transparent #fff;
  }
}
.play-button.large {
  height: 120px;
  width: 120px;
  margin-top: -60px;
  margin-left: -60px;
}
.play-button.large:before {
  margin-top: -18px;
  margin-left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 31.0px;
  border-color: transparent transparent transparent #ffffff;
}
.play-button.large.dark:before {
  border-color: transparent transparent transparent #292929;
}
.play-button.inline {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  z-index: 0;
}
@media all and (max-width: 767px) {
  .play-button.large {
    width: 90px;
    height: 90px;
    margin-top: -45px;
  }
  .play-button.large:before {
    margin-top: -14px;
    margin-left: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 25.0px;
    border-color: transparent transparent transparent #fff;
  }
}
.modal-video {
  position: fixed;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  z-index: -1;
}
.modal-video video {
  margin: 0 auto;
  width: 675px;
  display: block;
  top: 50%;
  position: relative;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.modal-video.reveal-modal {
  opacity: 1;
  z-index: 999999;
  visibility: visible;
}
.modal-video iframe {
  position: absolute;
  width: 768px;
  height: 432px;
  left: 50%;
  margin-left: -384px;
  margin-top: -216px;
  top: 50%;
  border: none;
}
.modal-video .ti-close {
  font-size: 24px;
  position: absolute;
  top: 32px;
  right: 32px;
  color: #fff;
  cursor: pointer;
}
@media all and (max-width: 990px) {
  .modal-video iframe {
    width: 640px;
    height: 360px;
    margin-left: -320px;
    margin-top: -160px;
  }
}
@media all and (max-width: 767px) {
  .modal-video video {
    width: 100%;
    padding: 0 15px;
  }
  .modal-video iframe {
    width: 100%;
    margin-left: -50%;
  }
}
.fs-video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.fs-video-wrapper video {
  position: absolute;
  width: 100%;
  left: 0;
}
.embed-video-container {
  width: 100%;
  position: relative;
  display: inline-block;
}
.embed-video-container iframe {
  border: none;
  width: 100%;
  height: 312px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.modal-video .embed-video-container {
  width: 80%;
  max-height: 800px;
}
@media all and (max-width: 767px) {
  .embed-video-container iframe {
    height: 200px;
  }
}
.fs-vid-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.fs-vid-background video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.overlay .fs-vid-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #222222;
  opacity: 0.5;
  z-index: 2;
}
@media all and (max-width: 990px) {
  .fs-vid-background {
    display: none;
  }
}
/*!---------- 28. BLOG ----------*/
.zoneCenterBlog, .zoneRightBlog{
  margin-bottom:20px;
  }
.columnBox{
    padding: 15px;
    background:  #E9E9EA;
    margin-top: 10px;
}
.columnBox .title{
    font-weight: 300;
    margin-top: 0;
    border-bottom: 1px solid #292929;
    line-height: 30px;
}
.columnBox .latestposts{
    margin-top:  0;
    border-bottom: 1px solid #292929;
    line-height: 23px;
}
.blog-list-item{
	padding-bottom:20px;
}
.blog-list-item .teaser{
	padding-bottom: 20px;
}
.post-title .label {
  margin-right: 16px;
}
.post-title h4 {
  position: relative;
  top: 2px;
  margin-bottom: 16px;
}
.post-title a {
	text-decoration: none;
	color:#292929;
}
.post-title a:hover, .post-title a:focus {
	text-decoration: underline;
	color:#292929;
}
.post-summary{
	background: #e9e9e9;
    padding: 15px;
    margin-bottom: 15px;
}
.post-meta,
.post-meta .tags {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 12px;
}
.post-meta > li {
  float: left;
  margin-right: 24px;
}
.post-meta i {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.post-snippet iframe {
  width: 100%;
  margin-bottom: 12px;
}
.post-snippet .embed-video-container {
  margin-bottom: 24px;
}
.post-snippet .embed-video-container iframe {
  margin: 0;
}
.post-snippet .inner {
  background: #fff;
  padding: 24px;
}
.post-body-detail ul{
	list-style:initial;
	padding-left: 20px;
}
.post-body-detail ul ul{
	list-style:none;
}
.post-body-detail ul ul li{
}
.post-body-detail ul ul li:before{
	content: "-";
    padding-right: 10px;
    vertical-align: baseline;
}
.comments-list,
.comments-list ul {
  width: 100%;
  overflow: hidden;
}
.comments-list li {
  overflow: hidden;
  margin-bottom: 40px;
}
.comments-list p:last-of-type {
  margin: 0;
}
.comments-list .avatar,
.comments-list .comment {
  display: inline-block;
  float: left;
}
.comments-list .avatar {
  width: 10%;
}
.comments-list .avatar img {
  width: 75px;
}
.comments-list .comment {
  width: 90%;
  padding-left: 5%;
}
.comments-list .author {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
}
.comments-list .comment .btn {
  position: relative;
  margin: 0;
}
.comments-list ul {
  padding-left: 10%;
  padding-top: 40px;
}
.comments-list ul li:last-of-type {
  margin-bottom: 0;
}
.comments input[type="submit"] {
  max-width: 25%;
  float: right;
}
.masonry {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
}
.masonry.fadeIn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.masonry-item {
  /*height: 80%;
  max-width: 100%;*/
}
.container .masonry-item {
  margin-bottom: 30px;
}
.masonry-item blockquote:hover {
  background: #1677cb;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  color: #fff;
}
.masonryFlyIn .masonry-item {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
}
.masonryFlyIn .masonry-item.fadeIn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.masonry-loader {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 80px;
}
.masonry-loader.fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  margin-top: -25px;
}
.masonry-loader.fadeOut {
  opacity: 0;
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
.spinner {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #1677cb;
  -moz-animation: spin 0.7s linear infinite;
  -webkit-animation: spin 0.7s linear infinite;
  animation: spin 0.7s linear infinite;
  display: inline-block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media all and (max-width: 767px) {
  .post-title .label {
    margin-bottom: 8px;
    display: inline-block;
  }
  .post-title h4 {
    top: 0;
    display: block;
  }
  .comments input[type="submit"] {
    max-width: 100%;
    float: none;
  }
}
/*!---------- 29. IMAGE BLOCKS ----------*/
.image-md {
  max-height: 120px;
}
.image-small-med {
  max-height: 100px;
}
.image-small {
  max-height: 80px;
}
.image-xs {
  max-height: 50px;
}
.image-xxs {
  max-height: 30px;
}
.fade-half {
  opacity: 0.5;
}
.fade-1-4 {
  opacity: 0.75;
}
.fade-3-4 {
  opacity: 0.25;
}
.fade-on-hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .8;
}
.fade-on-hover:hover {
  opacity: 1;
}
.cast-shadow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.cast-shadow-light {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.image-block,
.image-block .image-bg {
  padding: 0;
  height: 50vw;
  max-height: 700px;
}
.image-block .container {
  height: 100%;
}
.image-block-right .image-bg {
  position: absolute;
  top: 0;
}
@media all and (max-width: 768px) {
  .image-block {
    height: auto;
    max-height: 1000000px;
  }
  .image-block .image-bg {
    height: 350px;
  }
  .image-block .v-align-transform {
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
  .image-block-right .image-bg {
    position: relative;
  }
}
.image-edge .container {
  position: relative;
}
.image-edge .container div[class*='col-'] {
  position: absolute;
}
@media all and (max-width: 990px) {
  .image-edge .container div[class*='col-'] {
    position: relative;
    top: 0;
    transform: none;
    -webkit-transform: none;
  }
}
.image-square {
  height: 50vw;
  max-height: 640px;
  overflow: hidden;
  padding: 0;
}
.image-square .image,
.image-square > .content {
  position: absolute;
}
.image-square .image {
  height: 100%;
}
.image-square > .content {
  padding: 0 10%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
}
.image-square.left .image {
  left: 0;
}
.image-square.left > .content {
  right: 0;
}
.image-square.right .image {
  right: 0;
}
.image-square.right > .content {
  left: 0;
}
@media all and (max-width: 990px) {
  .image-square {
    height: auto;
    max-height: 100000px;
    padding-bottom: 48px;
  }
  .image-square .image,
  .image-square > .content {
    position: relative;
  }
  .image-square .image {
    height: 100vw;
    margin-bottom: 48px;
    max-height: 500px;
  }
  .image-square > .content {
    top: 0;
    transform: none;
    -webkit-transform: none;
    padding: 0 20%;
  }
}
@media all and (max-width: 767px) {
  .image-square > .content {
    padding: 0 15px;
  }
}
.image-zoom img {
  transition: all 9s ease;
  -webkit-transition: all 9s ease;
  -moz-transition: all 9s ease;
}
.image-zoom:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.image-caption {
  position: relative;
  overflow: hidden;
}
.image-caption .caption {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 16px;
  color: #fff;
}
.image-caption .caption p {
  position: relative;
  z-index: 4;
  margin: 0;
}
.image-caption .caption:before {
  content: '' attr(data-caption) '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.7)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6222222', GradientType=0);
  /* IE6-9 */
}
.image-caption.hover-caption .caption {
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
}
.image-caption.hover-caption:hover .caption {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
/*!---------- 30. PORTOFLIO ----------*/
.filters {
  overflow: hidden;
  display: inline-block;
}
.filters li {
  float: left;
  margin-right: 32px;
  cursor: pointer;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #1677cb;
  padding: 0 26px;
  height: 40px;
  min-width: 150px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  color: #1677cb;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 24px;
  height: 30px;
  font-size: 11px;
  line-height: 27px;
  min-width: 0;
  border-color: rgba(255, 255, 255, 0);
  opacity: .7;
  border-radius: 25px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.filters li.active {
  border-color: #1677cb;
  opacity: 1;
}
.filters li:last-child {
  margin-right: 0;
}
.filters.floating {
  position: absolute;
  z-index: 10;
  top: 16px;
  text-align: center;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  background: rgba(255, 255, 255, 0.98);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  border-radius: 200px;
}
.filters.floating li {
  margin-bottom: 0;
}
.bg-dark .filters.floating {
  background: #292929;
}
.bg-dark .filters.floating h1,
.bg-dark .filters.floating h2,
.bg-dark .filters.floating h3,
.bg-dark .filters.floating h4,
.bg-dark .filters.floating h5,
.bg-dark .filters.floating h6 {
  color: #ffffff;
}
.bg-dark .filters.floating p,
.bg-dark .filters.floating span,
.bg-dark .filters.floating li {
  color: #fefefe;
}
.project {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
  padding: 0;
}
.container .project {
  padding: 0 15px;
}
.project.inactive {
  opacity: .1 !important;
  pointer-events: none !important;
}
.project .image-tile {
  margin: 0;
}
.project.inactive:hover .title,
.project.inactive .image-tile:hover:before {
  display: none;
}
@media all and (max-width: 868px) {
  .filters.floating {
    width: 90vw;
  }
  .filters.floating li {
    float: none;
  }
}
@media all and (max-width: 767px) {
  .filters.floating {
    border-radius: 0;
    padding: 8px;
  }
  .filters.floating li {
    width: 50%;
    float: left;
    margin: 0;
  }
}
/*!---------- 31. TESTIMONIALS ----------*/
.testimonials h4 {
  line-height: 40px;
}
.testimonials .quote-author {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  width: 250px;
  margin-top: 24px;
}
.testimonials .quote-author img {
  max-height: 60px;
  float: left;
  display: inline-block;
  margin-right: 16px;
}
.testimonials .quote-author h6 {
  display: inline-block;
  margin-bottom: 0;
  line-height: 18px;
  padding-top: 14px;
}
.testimonials .quote-author span {
  display: block;
  line-height: 18px;
}
@media all and (max-width: 767px) {
  .testimonials h4 {
    line-height: 26px;
  }
}
/*!---------- 32. COUNTDOWNS ----------*/
.countdown {
  font-size: 80px;
  line-height: 88px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 56px;
  line-height: 64px;
  font-weight: 100;
  text-transform: uppercase;
}
.image-bg .countdown {
  color: #fff;
}
@media all and (max-width: 990px) {
  .countdown {
    font-size: 64px;
    line-height: 72px;
  }
}
@media all and (max-width: 767px) {
  .countdown {
    font-size: 48px;
    line-height: 56px;
  }
}
/*!---------- 33. MAPS ----------*/
.map-holder {
  overflow: hidden;
  position: relative;
}
.map-holder iframe {
  border: none;
  position: absolute;
  width: 100%;
  height: 180%;
  top: -40%;
  left: 0;
  z-index: 1;
}
.map-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.map-holder.interact:before {
  width: 0;
}
.map-holder.inline {
  height: 400px;
  overflow: hidden;
}
.map-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
/*!---------- 34. TWITTER ----------*/
.twitter-feed.thirds li {
  width: 33.333333%;
  padding: 0 15px;
  float: left;
}
.twitter-feed.thirds ul {
  overflow: hidden;
}
@media all and (max-width: 990px) {
  .twitter-feed.thirds li {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .twitter-feed.thirds li {
    width: 100%;
  }
}
.tweets-slider.large p {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
}
.tweets-slider.large .timePosted {
  font-size: 14px;
}
@media all and (max-width: 990px) {
  .tweets-slider.large p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media all and (max-width: 767px) {
  .tweets-slider.large p {
    font-size: 14px;
  }
}
.sc-background-orange {
  background: #1677cb !important;
}
/*!---------- 35. MODALS ----------*/
.foundry_modal {
  overflow: hidden;
  max-width: 50%;
  width: 50%;
  position: fixed;
  padding: 80px 48px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%) translateY(-40%);
  -webkit-transform: translateX(-50%) translateY(-40%);
  z-index: -1;
}
.foundry_modal_fullscreen {
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  position: fixed;
  padding: 80px 48px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%) translateY(-40%);
  -webkit-transform: translateX(-50%) translateY(-40%);
  z-index: -1;
}
.foundry_modal.no-bg {
  background: none;
  box-shadow: none !important;
}
.modal-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #292929;
  opacity: 0;
  z-index: 9998;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  visibility: hidden;
  top: 0;
  left: 0;
}
.modal-screen.reveal-modal {
  opacity: .8;
  visibility: visible;
}
.foundry_modal.reveal-modal {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  transform: translateX(-50%) translateY(-40%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.foundry_modal .close-modal {
  z-index: 4;
  position: absolute;
  top: 24px;
  right: 32px;
  cursor: pointer;
  font-size: 18px;
}
.foundry_modal *:not(.background-image-holder):not(.close-modal) {
  z-index: 4;
  position: relative;
}
.foundry_modal.image-bg .close-modal,
.foundry_modal.no-bg .close-modal {
  color: #fff;
}
.foundry_modal iframe {
  width: 100%;
  min-height: 400px;
}
@media all and (min-width: 1500px) {
  .foundry_modal {
    max-width: 45%;
    width: 45%;
  }
}
@media all and (max-width: 1190px) {
  .foundry_modal {
    max-width: 70%;
    width: 70%;
    padding: 64px 32px;
  }
}
@media all and (max-width: 990px) {
  .foundry_modal {
    max-width: 80%;
    width: 80%;
    padding: 64px 32px;
  }
}
@media all and (max-width: 767px) {
  .foundry_modal {
    max-width: 90%;
    width: 90%;
    padding: 48px 15px;
    transform: translateX(0%) translateY(50%);
    -webkit-transform: translateX(0%) translateY(50%);
  }
  .foundry_modal .close-modal {
    right: 18px;
  }
}
.iframe-modal {
  width: 50%;
  height: 50%;
  max-width: 90%;
  padding: 0;
}
.iframe-modal .close-modal {
  z-index: 9999;
}
.iframe-modal iframe {
  width: 100%;
  height: 100%;
}
.modal-strip {
  padding: 18px 0;
  position: fixed;
  bottom: 1%;
  z-index: 200;
  width: 98%;
  margin: 0 1%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  opacity: 0;
}
.modal-strip.reveal-modal {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  opacity: 1;
}
.modal-strip .close-modal {
  position: absolute;
  right: 32px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.modal-strip i.close-modal {
  font-size: 18px;
}
.modal-strip .icon + p {
  padding-left: 32px;
  position: relative;
  top: 3px;
}
.modal-strip p + .btn {
  margin-left: 24px;
}
@media all and (max-width: 1024px) {
  .modal-strip {
    margin: 0;
    width: 100%;
    bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .modal-strip .close-modal {
    position: relative;
    top: 0;
    right: 0;
    left: 15px;
    transform: none !important;
    -webkit-transform: none !important;
    margin-top: 16px;
  }
  .modal-strip .icon {
    display: none;
  }
  .modal-strip .icon + p {
    padding-left: 0;
    top: 0;
  }
}
/*!---------- 35. FOOTERS ----------*/
footer.bg-dark a {
  color: #fff;
}
.footer-1 .logo {
  max-height: 30px;
}
.footer-1 .sub {
  opacity: .5;
}
.social-list {
  margin: 0;
}
.image-bg .social-list a {
  color: #fff;
}
.bg-dark .social-list a,
.image-bg .social-list a {
  color: #fff;
  opacity: .5;
}
.bg-dark .social-list a:hover {
  opacity: 1;
}
.image-bg .social-list a {
  opacity: 1;
}
.bg-light .social-list a {
  color: #222;
}
.back-to-top {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.back-to-top:hover {
  opacity: 1;
}
.bg-dark .back-to-top {
  border-color: #fff;
}
.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus {
  color: #fff;
}
.bg-dark .back-to-top:hover {
  background: none;
}
/*!---------- 36. SPACING ----------*/
/*!---------- Margin ----------*/
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.mb3 {
  margin-bottom: 3px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}

.mb16 {
  margin-bottom: 16px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb32 {
  margin-bottom: 32px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb48 {
  margin-bottom: 48px;
}
.mb56 {
  margin-bottom: 56px;
}
.mb64 {
  margin-bottom: 64px;
}
.mb72 {
  margin-bottom: 72px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb88 {
  margin-bottom: 88px;
}
.mb96 {
  margin-bottom: 96px;
}
.mb104 {
  margin-bottom: 104px;
}
.mb112 {
  margin-bottom: 112px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb160 {
  margin-bottom: 160px;
}
.mb280 {
  margin-bottom: 280px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt8 {
  margin-top: 8px;
}
.mt16 {
  margin-top: 16px;
}
.mt24 {
  margin-top: 24px;
}
.mt32 {
  margin-top: 32px;
}
.mt40 {
  margin-top: 40px;
}
.mt48 {
  margin-top: 48px;
}
.mt56 {
  margin-top: 56px;
}
.mt64 {
  margin-top: 64px;
}
.mt72 {
  margin-top: 72px;
}
.mt80 {
  margin-top: 80px;
}
.mt88 {
  margin-top: 88px;
}
.mt96 {
  margin-top: 96px;
}
.mt104 {
  margin-top: 104px;
}
.mt112 {
  margin-top: 112px;
}
.mt120 {
  margin-top: 120px;
}
.mt160 {
  margin-top: 160px;
}
.mt280 {
  margin-top: 280px;
}
.mt360 {
  margin-top: 360px;
}
/*!---------- Padding ----------*/
.p0 {
  padding: 0;
}
.p10{
  padding: 10px;
}
.p15{
  padding: 15px;
}
.p20{
  padding: 20px;
}
.p25{
  padding: 25px;
}
.p30{
    padding: 30px;
}
.p35{
    padding: 35px;
}
.p32 {
  padding: 0 32px; /* This is an incorrect calls name for padding-X: K Sim 6-28-2020 */
}
.px32{
  padding: 0 32px;
}
.p24 {
  padding: 24px;
}
.pt0 {
  padding-top: 0;
}
.pt8 {
  padding-top: 8px;
}
.pt16 {
  padding-top: 16px;
}
.pt24 {
  padding-top: 24px;
}
.pt32 {
  padding-top: 32px;
}
.pt40 {
  padding-top: 40px;
}
.pt48 {
  padding-top: 48px;
}
.pt64 {
  padding-top: 64px;
}
.pt72 {
  padding-top: 72px;
}
.pt80 {
  padding-top: 80px;
}
.pt88 {
  padding-top: 88px;
}
.pt96 {
  padding-top: 96px;
}
.pt104 {
  padding-top: 104px;
}
.pt112 {
  padding-top: 112px;
}
.pt120 {
  padding-top: 120px;
}
.pt160 {
  padding-top: 160px;
}
.pt180 {
  padding-top: 180px;
}
.pt240 {
  padding-top: 240px;
}
.pt520 {
  padding-top: 520px;
}

.pr0 {
  padding-right: 0;
}
.pr8 {
  padding-right: 8px;
}
.pr16 {
  padding-right: 16px;
}
.pr24 {
  padding-right: 24px;
}
.pr32 {
  padding-right: 32px;
}
.pr40 {
  padding-right: 40px;
}
.pr48 {
  padding-right: 48px;
}
.pr64 {
  padding-right: 64px;
}
.pr72 {
  padding-right: 72px;
}
.pr80 {
  padding-right: 80px;
}
.pr88 {
  padding-right: 88px;
}
.pr96 {
  padding-right: 96px;
}
.pr104 {
  padding-right: 104px;
}
.pr112 {
  padding-right: 112px;
}
.pr120 {
  padding-right: 120px;
}
.pr160 {
  padding-right: 160px;
}
.pr180 {
  padding-right: 180px;
}
.pr240 {
  padding-right: 240px;
}
.pr520 {
  padding-right: 520px;
}

.pl0 {
  padding-left: 0;
}
.pl8 {
  padding-left: 8px;
}
.pl16 {
  padding-left: 16px;
}
.pl24 {
  padding-left: 24px;
}
.pl32 {
  padding-left: 32px;
}
.pl40 {
  padding-left: 40px;
}
.pl48 {
  padding-left: 48px;
}
.pl64 {
  padding-left: 64px;
}
.pl72 {
  padding-left: 72px;
}
.pl80 {
  padding-left: 80px;
}
.pl88 {
  padding-left: 88px;
}
.pl96 {
  padding-left: 96px;
}
.pl104 {
  padding-left: 104px;
}
.pl112 {
  padding-left: 112px;
}
.pl120 {
  padding-left: 120px;
}
.pl160 {
  padding-left: 160px;
}
.pl180 {
  padding-left: 180px;
}
.pl240 {
  padding-left: 240px;
}
.pl520 {
  padding-left: 520px;
}


.pb0 {
  padding-bottom: 0;
}
.pb8 {
  padding-bottom: 8px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb24 {
  padding-bottom: 24px;
}
.pb32 {
  padding-bottom: 32px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb48 {
  padding-bottom: 48px;
}
.pb56 {
  padding-bottom: 56px;
}
.pb64 {
  padding-bottom: 64px;
}
.pb72 {
  padding-bottom: 72px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb88 {
  padding-bottom: 88px;
}
.pb96 {
  padding-bottom: 96px;
}
.pb104 {
  padding-bottom: 104px;
}
.pb112 {
  padding-bottom: 112px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb180 {
  padding-bottom: 180px;
}
.pb240 {
  padding-bottom: 240px;
}
@media all and (max-width: 990px) {
  .mb-s-0 {
    margin-bottom: 0;
  }
  .mb-s-8 {
    margin-bottom: 8px;
  }
  .mb-s-16 {
    margin-bottom: 16px;
  }
  .mb-s-24 {
    margin-bottom: 24px;
  }
  .mb-s-32 {
    margin-bottom: 32px;
  }
  .mb-s-40 {
    margin-bottom: 40px;
  }
  .mb-s-48 {
    margin-bottom: 48px;
  }
  .mb-s-64 {
    margin-bottom: 64px;
  }
  .mb-s-72 {
    margin-bottom: 72px;
  }
  .mb-s-80 {
    margin-bottom: 80px;
  }
  .mb-s-88 {
    margin-bottom: 88px;
  }
  .mb-s-96 {
    margin-bottom: 96px;
  }
  .mb-s-104 {
    margin-bottom: 104px;
  }
  .mb-s-112 {
    margin-bottom: 112px;
  }
  .mb-s-120 {
    margin-bottom: 120px;
  }
}
@media all and (max-width: 990px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-8 {
    margin-bottom: 8px;

  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .mb-sm-72 {
    margin-bottom: 72px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .mb-sm-88 {
    margin-bottom: 88px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .mb-sm-104 {
    margin-bottom: 104px;
  }
  .mb-sm-112 {
    margin-bottom: 112px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mt-sm-72 {
    margin-top: 72px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-88 {
    margin-top: 88px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mt-sm-104 {
    margin-top: 104px;
  }
  .mt-sm-112 {
    margin-top: 112px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .p0-sm {
    padding: 0;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pt-sm-104 {
    padding-top: 104px;
  }
  .pt-sm-112 {
    padding-top: 112px;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
    
  .pr-sm-0 {
    padding-right: 0;
  }
  .pr-sm-8 {
    padding-right: 8px;
  }
  .pr-sm-16 {
    padding-right: 16px;
  }
  .pr-sm-24 {
    padding-right: 24px;
  }
  .pr-sm-32 {
    padding-right: 32px;
  }
  .pr-sm-40 {
    padding-right: 40px;
  }
  .pr-sm-48 {
    padding-right: 48px;
  }
  .pr-sm-64 {
    padding-right: 64px;
  }
  .pr-sm-72 {
    padding-right: 72px;
  }
  .pr-sm-80 {
    padding-right: 80px;
  }
  .pr-sm-88 {
    padding-right: 88px;
  }
  .pr-sm-96 {
    padding-right: 96px;
  }
  .pr-sm-104 {
    padding-right: 104px;
  }
  .pr-sm-112 {
    padding-right: 112px;
  }
  .pr-sm-120 {
    padding-right: 120px;
  }
  .pr-sm-160 {
    padding-right: 160px;
  }
    
  .pl-sm-0 {
    padding-left: 0;
  }
  .pl-sm-8 {
    padding-left: 8px;
  }
  .pl-sm-16 {
    padding-left: 16px;
  }
  .pl-sm-24 {
    padding-left: 24px;
  }
  .pl-sm-32 {
    padding-left: 32px;
  }
  .pl-sm-40 {
    padding-left: 40px;
  }
  .pl-sm-48 {
    padding-left: 48px;
  }
  .pl-sm-64 {
    padding-left: 64px;
  }
  .pl-sm-72 {
    padding-left: 72px;
  }
  .pl-sm-80 {
    padding-left: 80px;
  }
  .pl-sm-88 {
    padding-left: 88px;
  }
  .pl-sm-96 {
    padding-left: 96px;
  }
  .pl-sm-104 {
    padding-left: 104px;
  }
  .pl-sm-112 {
    padding-left: 112px;
  }
  .pl-sm-120 {
    padding-left: 120px;
  }
  .pl-sm-160 {
    padding-left: 160px;
  }
    
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pb-sm-104 {
    padding-bottom: 104px;
  }
  .pb-sm-112 {
    padding-bottom: 112px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
}
@media all and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0;
  }
  .mb-xs-8 {
    margin-bottom: 8px;
  }
  .mb-xs-16 {
    margin-bottom: 16px;
  }
  .mb-xs-24 {
    margin-bottom: 24px;
  }
  .mb-xs-32 {
    margin-bottom: 32px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .mb-xs-48 {
    margin-bottom: 48px;
  }
  .mb-xs-64 {
    margin-bottom: 64px;
  }
  .mb-xs-72 {
    margin-bottom: 72px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .mb-xs-88 {
    margin-bottom: 88px;
  }
  .mb-xs-96 {
    margin-bottom: 96px;
  }
  .mb-xs-104 {
    margin-bottom: 104px;
  }
  .mb-xs-112 {
    margin-bottom: 112px;
  }
  .mb-xs-120 {
    margin-bottom: 120px;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-8 {
    margin-top: 8px;
  }
  .mt-xs-16 {
    margin-top: 16px;
  }
  .mt-xs-24 {
    margin-top: 24px;
  }
  .mt-xs-32 {
    margin-top: 32px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mt-xs-48 {
    margin-top: 48px;
  }
  .mt-xs-56 {
    margin-top: 56px;
  }
  .mt-xs-64 {
    margin-top: 64px;
  }
  .mt-xs-72 {
    margin-top: 72px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mt-xs-88 {
    margin-top: 88px;
  }
  .mt-xs-96 {
    margin-top: 96px;
  }
  .mt-xs-104 {
    margin-top: 104px;
  }

  .mt-xs-112 {
    margin-top: 112px;
  }
  .mt-xs-120 {
    margin-top: 120px;
  }
  .p0-xs {
    padding: 0;
  }
  .pt-xs-0 {
    padding-top: 0;
  }
  .pt-xs-8 {
    padding-top: 8px;
  }
  .pt-xs-16 {
    padding-top: 16px;
  }
  .pt-xs-24 {
    padding-top: 24px;
  }
  .pt-xs-32 {
    padding-top: 32px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pt-xs-48 {
    padding-top: 48px;
  }
  .pt-xs-64 {
    padding-top: 64px;
  }
  .pt-xs-72 {
    padding-top: 72px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pt-xs-88 {
    padding-top: 88px;
  }
  .pt-xs-96 {
    padding-top: 96px;
  }
  .pt-xs-104 {
    padding-top: 104px;
  }
  .pt-xs-112 {
    padding-top: 112px;
  }
  .pt-xs-120 {
    padding-top: 120px;
  }
  .pt-xs-160 {
    padding-top: 160px;
  }
  .pt-xs-180 {
    padding-top: 180px;
  }
  .pt-xs-240 {
    padding-top: 240px !important;
  }
    
  .pr-xs-0 {
    padding-right: 0;
  }
  .pr-xs-8 {
    padding-right: 8px;
  }
  .pr-xs-16 {
    padding-right: 16px;
  }
  .pr-xs-24 {
    padding-right: 24px;
  }
  .pr-xs-32 {
    padding-right: 32px;
  }
  .pr-xs-40 {
    padding-right: 40px;
  }
  .pr-xs-48 {
    padding-right: 48px;
  }
  .pr-xs-64 {
    padding-right: 64px;
  }
  .pr-xs-72 {
    padding-right: 72px;
  }
  .pr-xs-80 {
    padding-right: 80px;
  }
  .pr-xs-88 {
    padding-right: 88px;
  }
  .pr-xs-96 {
    padding-right: 96px;
  }
  .pr-xs-104 {
    padding-right: 104px;
  }
  .pr-xs-112 {
    padding-right: 112px;
  }
  .pr-xs-120 {
    padding-right: 120px;
  }
  .pr-xs-160 {
    padding-right: 160px;
  }
  .pr-xs-180 {
    padding-right: 180px;
  }
  .pr-xs-240 {
    padding-right: 240px !important;
  }
    
  .pl-xs-0 {
    padding-left: 0;
  }
  .pl-xs-8 {
    padding-left: 8px;
  }
  .pl-xs-16 {
    padding-left: 16px;
  }
  .pl-xs-24 {
    padding-left: 24px;
  }
  .pl-xs-32 {
    padding-left: 32px;
  }
  .pl-xs-40 {
    padding-left: 40px;
  }
  .pl-xs-48 {
    padding-left: 48px;
  }
  .pl-xs-64 {
    padding-left: 64px;
  }
  .pl-xs-72 {
    padding-left: 72px;
  }
  .pl-xs-80 {
    padding-left: 80px;
  }
  .pl-xs-88 {
    padding-left: 88px;
  }
  .pl-xs-96 {
    padding-left: 96px;
  }
  .pl-xs-104 {
    padding-left: 104px;
  }
  .pl-xs-112 {
    padding-left: 112px;
  }
  .pl-xs-120 {
    padding-left: 120px;
  }
  .pl-xs-160 {
    padding-left: 160px;
  }
  .pl-xs-180 {
    padding-left: 180px;
  }
  .pl-xs-240 {
    padding-left: 240px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0;
  }
  .pb-xs-8 {
    padding-bottom: 8px;
  }
  .pb-xs-16 {
    padding-bottom: 16px;
  }
  .pb-xs-24 {
    padding-bottom: 24px;
  }
  .pb-xs-32 {
    padding-bottom: 32px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .pb-xs-48 {
    padding-bottom: 48px;
  }
  .pb-xs-64 {
    padding-bottom: 64px;
  }
  .pb-xs-72 {
    padding-bottom: 72px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .pb-xs-88 {
    padding-bottom: 88px;
  }
  .pb-xs-96 {
    padding-bottom: 96px;
  }
  .pb-xs-104 {
    padding-bottom: 104px;
  }
  .pb-xs-112 {
    padding-bottom: 112px;
  }
  .pb-xs-120 {
    padding-bottom: 120px;
  }
  .pb-xs-180 {
    padding-bottom: 180px;
  }
  .pb-xs-240 {
    padding-bottom: 240px !important;
  }
}

/* overrides - tanglesey */

.required:after {
    content: "*";
    font-weight: normal;
    color: red;
    top: 16px;
    left: 10px;
    position: relative;
    font-size: 300%;
}

.form-control {
  height: 50px;
  border-radius: 0;
  background-color: #f5f5f5;
}

footer nav {
    background: inherit;
}

/*input[type="text"], input[type="password"], input[type="email"] {
  border: none;
  box-shadow: none;
}*/

footer {
  width: 100%;
}

#overlayLeft {
    visibility: hidden;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#overlayCenter {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#overlayCenterNoClick {
    visibility: visible;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#overlayRight {
    visibility: visible;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.text-red {
    color: red;
    position: relative;
    top: 5px;
    left: 5px;
    padding-right: 5px;
}

.colophon-nav-items-title, .colophon-social-title {
  font-size: 16px;
  }

.container.functional, .container {
    position: relative;
}
@media (min-width: 768px) {
.container.functional, .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container.functional, .container {
      width: 970px;
  }
}
@media (min-width: 1200px) {
  .container.functional, .container {
      width: 1170px;
  }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.colophon-nav-item a{
  opacity: .8;
  }
/* Footer fixes 5/12 */
footer{
  padding: 0;
  }
.colophon-wrapper{
  padding:60px 10px;
  }
.colophon-nav-items-title, .colophon-social-title{
  margin-bottom:16px;
  padding-bottom:0;
  }
.colophon-nav-items h3, .colophon-social-wrapper h3{
  line-height:24px;
  }
.colophon-nav{
  width:67%;
  }
.colophon-social{
  padding-left:0;
  width:32%;
  }
.colophon-social-icon{
  font-size:26px;
  }
.colophon-social-subscribe .editing-form-control-nested-control{
  vertical-align:top;
  }
.colophon-copyright{
  border-top:1px solid #555;
  padding-top:15px;
    margin-bottom: 24px;
  }
.colophon-nav-item{
  padding-bottom:16px;
  }
.colophon-nav-items {
    width: 23%;
}.colophon-nav-items:last-child {
    width: 29%;
}
.colophon-social-subscribe input[type=submit]{
  display: inline-block;
  padding:0 24px;
  min-width:100px;
  max-width:none;
  width:auto;
  }
.colophon-social-icons{
  margin:3em 0;
  }
.colophon-nav{
  padding:0 0 1em;
  }
.copyright-text{
    color: #fff;
    opacity: .5;
    font-family: "Open Sans",sans-serif;
    font-size: .813em;
    /*margin-bottom: 24px;*/
}
.dac-row{

    margin-bottom: 24px;
}
.dac-row p{
    color: #fff;
    opacity: .5;
    font-family: "Open Sans",sans-serif;
    font-size: .813em;
    margin-bottom: .3em;
}
.dac-row input[type="image"]{
    margin-bottom: 0;
}
@media only screen and (max-width: 64em){
  .colophon-nav {width: 100%;}
}
@media only screen and (max-width: 40.0625em){
  .colophon-nav-items {
      padding-bottom: 1em;
      width: 47%;
  }
}
@media (max-width: 420px){
  .colophon-nav-items {width:100%;}
  }

/* UPDATES TO LOGIN PAGE TANGLESEY 5.13.16 */

.functional #loginForm {
  }

.bg-blue01 {
    border-color: rgba(22, 119, 203);
    background-color: rgba(22, 119, 203, 0.6);
  }
.loginreg {
    font-size: 13px;
    line-height: 20px;
  }

.loginreg input {
  border: none;
  }
.loginreg {
  height: 485px;
  }

/* REGISTER PAGE 5/16 */

.register-page{
  background: url("/ServSafe/media/ServSafe/Images/CreateUserProfile2.jpg");
    background-size: cover;
  position:relative;
}
@media all and (max-width:767px){  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
    .register-page{
        background-image: none;
    }
}
.register-page label,.register-score-instructions{
  /*color:#fff;*/  /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
    color: #292929;  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
  }
.register-page:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #292929;
    opacity: 0.7;
    /*z-index: 2; DR 20190717 Wisconsin Modal*/
  }
@media all and (max-width:767px){  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
    .register-page:before{
        display: none;
    }
}
.btn.btn-primary:hover {
    border: 2px solid #1677cb;
    opacity: 0.8;
}
.register-form{
  margin-top:80px;
  margin-bottom:110px;
  padding:10px 15px;
border:1px solid #ccc;
    background: #fff;  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
	/*z-index: 1000; DR 20190717 Wisconsin Modal*/
}
.register-title {
    margin-top: 30px;
    margin-bottom: 15px;
	font-weight: 400;
  /*color:#fff;*/  /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
  text-align:center;
}
.register-form input[class*=form-control] {
    margin-bottom: 16px;
}
.mb-10{
	margin-bottom:10px;
}
.register-score-instructions{
	font-size:14px;
}
.masthead{
  z-index:1050;
}
.modal{
  z-index:9999;
}
.btn-default:hover {
    border: 2px solid #1677cb;
}
.register-modals {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
  /*color:rgba(196, 196, 195, 1);*/ /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
    color: #292929; /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
}
.register-modals a{
  /*color:#b7b7b7 !important;*/ /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
    color: #292929 !important;  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
  }
input#btnRegister{
  width:70%;
  background: #93c154;
  border: 2px solid #93c154;
}
.alert-danger{
	background:#FEEFEB !important;
    border-color: transparent;
    border-left: solid 4px #CA3B27;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.alert-fix{
  width: auto;
  margin: 0;
    /*display:block;*/
}
.alert-fix td{
  padding:12px 16px;
    font-size: 14px;
    font-weight: bold;
}
/* Find a Class */
.flat-design{
	padding-bottom: 75px;
    padding-top: 20px;
}
.flat-design p {
    margin-bottom: 15px;
    font-size: 13px;
}
@media (min-width: 768px){
    .flat-table{
      width: 60%;
      margin: 0 auto;
  }
}
@media (max-width: 768px){
    .flat-table{
      width: 100%;
      margin: 0 auto;
  }
}
.flat-search-title h3 {
	padding: 10px 20px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'Open Sans';
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	line-height:24px;
	margin-top:30px;
}
.flat-orange{
	background: #FA575C;
	border-bottom: 7px solid #CB474A;
}
.flat-green{
    background: #31D485;
    border-bottom: 7px solid #29B974;
}
.flat-blue{
  background:#40ABE3;
  border-bottom: 7px solid rgba(0,0,0,0.09);
}
.flat-tb-content{

	/*background: #EEEEF0;*/
	background: #F0F0F0;
    width: 100%;
  padding:15px 10px;
}
.flat-tb-content select {
    border: solid 1px #ccc;
    width: 99%;
	margin-bottom: 0;
}
.flat-tb-content input{
	margin-bottom:0;
}
.flat-tb-content tr:first-child td {
    padding-top: 10px;
}
.flat-tb-content tr:last-child td {
    padding-bottom: 10px;
}
.flat-tb-content th{
	font-size:13px;
	vertical-align:middle;
	text-align:center;
}
.flat-tb-content td{
	padding-top:5px;
	padding-bottom:5px;
    padding-right: 15px;
    padding-left: 15px;
}
.flat-tb-content td[class=city-state-zip] input {
    width: auto;
}
.flat-tb-content td[class=city-state-zip] select{
	width: auto;
}
.flat-tb-content td[range-dates] input{
	width: auto;
}
.exams-td{
    width:30%;
  font-size:13px;
  vertical-align:middle;
  text-align:center;
}
.input-fix input{
width: auto !important;
  margin-right:8px;
}
.SubmitButtons{
	text-align:right;
}
.SubmitButtons .btn{
	display:inline-block;
  margin-bottom:10px !important;
}
.btn-primary, .btn-primary:focus, .btn-primary:active {
    border: 2px solid #1677cb;
    background: #1677cb;
    color: white;
}

.GridResults table{
	font-size: 13px;
}
.GridResults table tr:first-child th{
  border-bottom: 2px solid #ddd;
  color: #444;
  font-weight:bold;
  border-top:none;
}
.table tr:first-child th{
  border-bottom: 2px solid #ddd;
  color: #444;
  font-weight:bold;
  border-top:none;
  font-size:14px;
}
.GridResults table tr:first-child th a{
  color:#444;
}
.results-infobox {
    background: #f2f2f2;
    padding: 15px 20px;
    border-top: 3px solid #6CAB36;
    font-size: 14px;
}
.search-notes p {
    font-size: 11px;
    line-height: 15px;
    color: #aaa;
}

.flat-tb-content td[class=range-dates] input{
	width: auto;
}
.no-resultsfound{
	display:block;
	width: auto;
	padding: 9px 10px;
	font-size:13px;
}
.Pager td{
  text-align:right;
}
.Pager span{
     background: #1677cb;
    color: white;
    padding: 4px 9px;
    font-weight: bold;
  margin-right:3px
}
.Pager a{
        background: #fff;
  border:1px solid #ddd;
    color: #111;
    padding: 4px 9px;
    margin-right: 3px;
    margin-left: 3px;
  transition: 1s;
}
.Pager a:hover{
    background: #1677cb;
    color: white;
  transition: 1s;
  }
.text-center{
  text-align:center;
}
.search-details-pop {
    background: #ebebeb;
    height: 100%;
    padding: 20px 0;
  overflow:auto;
}
.Content.Profile, .content.IRC {
  background: #ebebeb;
}
.info-card {
    width: 80%;
    background: white;
    margin: 0 auto;
    padding: 10px 20px;
    padding-top: 20px;
    box-sizing: border-box;
}
.info-card-title {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    width: 80%;
    margin: 0 auto;
    background: #1677cb;
    color: white;
}
table.info-card tr td {
    padding: 6px;
    font-size: 13px;
}
.flat-modal-title:hover {
    opacity: 0.8;
    transition: 1s;
}
.flat-modal-title {
    margin-bottom: 0;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
    /*background: rgba(53,105,158,0.44);*/
  background:rgba(7,109,234,0.44);
    color: white;
    border-bottom: 3px solid rgba(0,0,0,0.2);
}

/* Tony's Product Stuff 5.16 */
.description .price.number, .ratings .number {
  background: transparent;
  }

.productpage {
  font-size: 13px;
  }

a.btn-filled:hover {
  background: #1677cb;
  color: #fff;
  }

.add-to-cart .btn {
    padding: 7px;
    margin-bottom: 2px;
}

.flex-viewport {
  text-align: center;
  }

.foundry_modal {
  max-height: 80%;
  overflow: auto;
}

.btn-link {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  background: transparent !important;
  border: none !important;
  color: #1677cb !important;
  padding: 0;
  text-transform: none !important;
  font-size: 12px !important;
  padding-left: 5px !important;
  width: auto !important;
  text-align: left;
  letter-spacing: 0 !important;
  }
.btn-link:hover {
  text-decoration: none;
  color:#1919d7 !important;
  }

.btn {
  margin-bottom: 0 !important;
  }

.table>tbody>tr>td {
    /*vertical-align: top !important;*/
  }


/* Bootstrap table styles */
.table{width:100%;max-width:100%;margin-bottom:20px}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top}.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}.table > tbody + tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover > tbody > tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{background-color:#f5f5f5}.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover,.table-hover > tbody > tr.active:hover > td,.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr.active:hover > th{background-color:#e8e8e8}.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th{background-color:#dff0d8}.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th{background-color:#d0e9c6}.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th{background-color:#d9edf7}.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover,.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr.info:hover > th{background-color:#c4e3f3}.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th{background-color:#fcf8e3}.table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover,.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr:hover > .warning,.table-hover > tbody > tr.warning:hover > th{background-color:#faf2cc}.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th{background-color:#f2dede}.table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover,.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr:hover > .danger,.table-hover > tbody > tr.danger:hover > th{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width: 767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive > .table{margin-bottom:0}.table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{white-space:nowrap}.table-responsive > .table-bordered{border:0}.table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0}.table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0}.table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0}}

/* PROFILE PAGE 5.19.2016 */

.p0{
  padding:0;
}

.alert-success {
    border: 1px solid #60b963;
    color: #60b963;
}
.alert {
    margin-bottom: 24px;
    background: none;
    border-radius: 0;
    font-weight: 600;
    padding: 12px 16px;
}



.profile-link{
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    font-weight: 600;
    padding-left: 10px;
    color: #1677cb;
}
.widget .title{
	margin-bottom:5px;
}
ul.profile-list{
	margin-bottom:18px;
}
    .progress-bar span {
    color: white;
}
.btn-white:hover{
  color:#000;
}
.profile-design p{
      font-size: 13px;
}
p.lead{
  font-size:16px;
  }
.profile-design .btn{
      display:inline-block;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus {
      box-shadow: none !important;
      }

select {
      /*border: solid 1px transparent !important;*/
      box-shadow: none !important;
      }
    select:focus {
      border: solid 1px #ccc !important;
      }

select:hover {
       box-shadow: none !important;
      border: solid 1px #ccc;
      }
.profile-content{
  background: #f9f9f9;
      padding:20px;
  }
    .profile-content .form-group{
      margin-left:0 !important;
      margin-right:0 !important;
      }
    .profile-content input[type=password], .profile-content input[type=text] {
        border: 1px solid #919191;
    }
.profile-content input{
  margin-bottom: 10px !important;
  }

.input-validation-error {
  border: solid 1px #D51212 !important;
  color: #D51212;
}
.error {
  color: #D51212
}

.general-content-container a {
      color: #1677cb !important;
}

#Surge-Cart-Items input, #Surge-Cart-Items button, #Surge-Cart-Items p {
      margin-bottom: 0 !important;
}
#Surge-Cart-Items td, .cart td {
      vertical-align: middle !important;
}
#edit-shipping, #edit-billing {
  position: relative;
  z-index: 1001;
}
.form-control, select {
    font-size: 13px !important;
    border: 1px solid #919191;
}
.input-table-fix input[type=text] {
width: auto !important;
}
.alternating-fix tr.Alternating td {
background: #f5f5f5;
padding: 15px !important;
}
.alternating-fix input{
  margin-top:5px !important;
  margin-bottom: 5px !important;
  }

td.lead {
      font-size: 16px;
}
label.error {
  position: relative;
  top: -25px;
}
.form-group {
  margin-bottom:0 !important;
}
.fix-td td{
      font-size:13px;
      }

.height-525 {
  height: 525px;
  overflow-y: scroll;
}
.exam-box{
  background:#f8f8f8;
  padding: 25px 20px;
  }
    .exam-box input {
        border: 1px solid #919191;
    }
.exam-box-title{
      border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.calhide img {
  display: none;
}
.calhide {
  height:74px;
}
/* Commented out because its undesirably affecting about 10 other pages
.GridResults {
      margin-top: 50px;
      min-height: 200px;
}*/
    .ReqField {
    color: red;
    font-size: 16px;
}
.dob-ssala input, .dob-ssala select{
      width: auto !important;
      }

.tabs2 li.active{
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 26px;
    min-width: 150px;
    line-height: 52px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin-right: -5px;
    margin-bottom: 0;
    color: #1677cb;
      border-bottom:1px solid #1677cb;
}
.tabs2 li.active span, .tabs2 li.active a{
	color: #1677cb;
    font-weight: bold;
	font-size:13px;
}
.tabs2 li{
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 26px;
    min-width: 150px;
    line-height: 52px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin-right: -4px;
    margin-bottom: 0;
      display:inline-block;
      border-bottom:1px solid #ccc;
}
.tabs2 li span, .tabs2 li a{
	color:#c4c4c4;
	font-size:13px;
	font-weight:bold;
      transition:1s;
}

.tabs2 li span:hover, .tabs2 li a:hover{
	color: #333;
	font-size:13px;
	font-weight:bold;

      transition:0.4s;
}

.table th {
      font-size: 13px;
      font-weight: bold;
  }
table.table-second-th tr:nth-child(2) th{
       padding: 8px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
      border-top:none;
}
.table-fix table th {
    padding: 8px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
}
.table-fix td {
    padding: 8px;
    border-top: 1px solid #ddd
}
.table-fix h2 {
  text-transform: uppercase;
  font-size: 24px;
  line-height:32px;
  font-weigth: 400;
  letter-spacing: 3px;
  margin-right: -3px;
}
table.radiogroup td {
  display: block;
  padding-bottom: 20px;
}
table.radiogroup label {
  position: relative;
  left: 15px;
  top: -2px;
}
.table-fix table td u {
  font-size: 16px;
  line-height: 54px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: -2px;
  text-decoration: none;
}

.loginlinks hr {
    border: none;
    border-top: 1px solid rgba(204, 204, 204, 0.22);
    margin: 0 0 24px 0;
    width: 100%;
}
.font-11.loginlinks {
  letter-spacing: 1px;
}
.loginlinks .btn-primary, .loginlinks .btn-primary:hover {
  /*border-color: transparent;
  background: transparent; removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
  font-size: 11px;
  height: 30px;
  line-height: 27px;
  font-weight: normal;
}
 /* New Dashboard */
    .dashboard-banner {
    background: #87c5d2;
    border-bottom: 7px solid #f0f0f0;
    padding: 3.75em 0;
}
    .dashboard-banner-container{
          box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding-left: 16px;
    padding-right: 16px;

      }
    .dashboard-avatar {
    background: url(/ServSafe/media/ServSafe/Images/Dashboard/dashboard-avatar.jpg ) no-repeat;
    background-size: cover;
    border: 2px solid #019cdc;
    border-radius: 100%;
    float: left;
    height: 6.25em;
    margin-right: 1.25em;
    width: 6.25em;
}
    .dashboard-title {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 2em;
      margin-bottom:12px;
}
    .dashboard-banner p {
    color: #fff;
    font-weight: 500;
}
    .dashboard-breadcrumbs {
    box-sizing: border-box;
    font-size: .688em;
    font-weight: 700;
    padding: 2.5em 0;

    text-transform: uppercase;
    letter-spacing: 2px;
}
    .dashboard-breadcrumbs a {
    color: #000 !important;
    line-height: 3em;
    padding: 0 1.455em;
    text-decoration: none;
}
    .dashboard-breadcrumbs a~span {
    padding: 0 16px;

    color: black;
    font-weight: bold;
}
.price-totalbox{
      background:#f9f9f9;
      padding:10px;
      overflow: auto;
      font-size:13px;
}
.portal-login {
  padding: 10px;
}
.portal-login p {
  color: #333;
  font-size: 12px;
  line-height:17px;
  margin-bottom: 10px;
}
.portal-login h2 {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
  letter-spacing: 2px;
  margin-right: -2px;
}
.portal-login hr {
  margin-top: 24px;
}
.detail-id{
    color: green;
    font-size: 30px;
    font-weight: normal;
}
.contract-page{
 padding-top:20px;
 padding-bottom: 75px;
}
.contract-page p{
	font-size: 14px;
}
.contract-page ul{
	list-style-type: disc;
	font-size: 14px;
    margin-left: 15px !important;
}
.contract-page h2{
	font-size: 32px;
	line-height: 40px;
	text-transform: uppercase;
}
.form-regfield {
    color: red;
    font-size: 25px;
    position: relative;
    top: 10px;
}
.col-xs-12.col-md-8.padding-0 h3.uppercase.mb0, .col-xs-12.col-md-8.padding-0 h1.uppercase.mb0 {
    margin-top: 34px;
    padding-left: 15px;
}
.button-table-fix .Button{
		font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    border: 2px solid #1677cb;
    padding: 0 26px;
    min-width: 150px;
    line-height: 36px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin-right: 0px;
    margin-bottom: 0px;
    display:block;
    margin-bottom: 7px;
}

.radio-checkbox-fix input[type="radio"],
.radio-checkbox-fix input[type="checkbox"] {
  position: relative;
  margin-right: 10px;
  top: 2px;
}

  #SraContact h5, #SraContact p {
      color: #333 !important;
  }

  .SRA {
      margin-top: 35px;
    }

.course-info{
      background: #f9f9f9;
      padding:10px;
      text-align:left;
      display:inline-block
}
.no-top-pager tr.Pager:first-child{
      display:none;
}
.aspNetDisabled, .aspNetDisabled:hover {
  color: #999;
  cursor: default;
}
.color-success {
  color: #1677cb;
}
.height-85 {
  height: 85px;
}
.height-50 {
  height: 50px;

}
    .exam-box{
      background:#fff;
      box-shadow: 0 1px 6px rgba(0,0,0,0.1);
      padding: 15px;
      width:80%;
      margin:40px auto;
      }
    .exam-bg{
      height:100%;
      overflow: auto;
      background: #ebebeb;
}
.question-numb{
          font-size: 12px;
    background: #f7f7f7;
    display: inline-block;
    padding: 5px 14px;
    border-radius: 10px;
}
.price-left{
font-size:11px;
}
/***** FIX DROP DOWN ARROW FOR SELECT *****/
i.ti-angle-down {
  position: absolute;
  font-size: 18px;
  right: 25px;
  top: 17px;
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  cursor: pointer;
}
.select-wrapper {
  position: relative;
  display: inline-block;
}
.select-wrapper:after {
  content: "\e62";
  position: absolute;
  font-family: "ServSafe-icons";
  top: 13px;
  right: 18px;
}
.icon-style{
  font-size: 20px;
  color: #a1a1a1;
  line-height: 26px;
  font-weight: 400;
}
.red-color{
  color:red;
  }
.green-color{
  color:green;
  }
.orange-color{
  color:orange;
  }
.color-darkblue{
  color:darkblue;
  }
/* Blue nav fixing */
.masthead-top-nav-item{
    padding: 15px 30px 15px 0;
}
.masthead-top-nav-item:hover{
  color:white;
}
.masthead-top-nav-cart a, .masthead-top-nav-search a{
  padding:15px 25px;
  padding-bottom:14px;
}
.masthead-top-nav-sub{
  margin-top:-3px;
  }
.masthead-top-nav-sub-item:hover{
      color:white;
      opacity:0.5;
      }
.masthead-top-nav-cart{
      border-left:1px solid rgba(255,255,255,0.6);
      border-right:1px solid rgba(255,255,255,0.6);
}
span#Score-link.masthead-top-nav-item:before{
   content:"\e6ba";
}
span#Certificates-link.masthead-top-nav-item:before{
   content:"\e623";
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*** end datepicker ***/
.dashboard-banner-identity .identity p, .dashboard-tiles h3{
margin-bottom: 0 !important;
}
.dashboard-banner-copy{
padding:0 !important;
}
.dashboard-banner{
      padding:5em 0;
}
a.tile[href="/Dashboard/Student"],a.tile[href="/Dashboard/Instructor"],a.tile[href="/Dashboard/Administrator"]{
    display:none !important;
}
.li-fix li{
padding:11px 0;
      }
/*modal fix -jm*/
.modal-backdrop{
  z-index:9000 !important;
  /*z-index:200 !important;*/
  background:#292929 !important;
  opacity:0.85 !important;
}
.modal-content{
	border-radius: 0 !important;
	padding:27px 40px;
}
.modal-title{
	color:#292929 !important;
	font-size:24px !important;
	text-align:left;
}
h3.modal-title {
font-weight: bold;
}
.modal-body{
	color: #333;
	font-size:13px;
	text-align:left;
	padding:0;
}
.modal-body p:first-child{
	margin-top:24px;
}
.modal-header{
    border-bottom: 1px solid #e5e5e5;
	padding:0;
}
/* search modal fixes -jm */
.modal-dialog.modal-lg .modal-content .modal-header{
        border-bottom:none !important;
}
.modal-title.ng-binding{
      color: #ffffff !important;
    font-size: 3.7em !important;
    font-weight: 300;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
}
.modal-scrollable{
      z-index:10001 !important;
}
.modal-dialog.modal-lg{
    width:auto !important;
}
.predictiveSearch input[type=text]{
zoom:1.5;
}

/* Fix icon on checkout page */
span[aria-hidden="true"]{
	font-size: 20px !important;
    font-weight: 300;
    color: rgb(198, 68, 68) !important;
    opacity: 1;
}
input[id=Cart_Shipping_Phone], input[id=Cart_Shipping_PostalCode] {
    font-family: consolas !important;
}
/* This CSS is unnecessary -JM
.btn:hover {
    background: #1677cb;
    color: #fff;
    margin-right: 0px;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}
a, a:focus, a:active, a:hover {
    text-decoration: none;
    outline: none;
    background: inherit;
}
a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}*/
.general-content-table table td .Button{
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    border: 2px solid #1677cb;
    padding: 4px 14px;
    min-width: auto;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin-right: 8px;
    margin-bottom: 24px;

  }
.general-content-table table td .Button:hover{
  background: #1677cb;
  color:#fff;
      text-decoration: none;
  }
.linkfix2:hover a, .linkfix2 a:hover{
  color:#fff !important;
      text-decoration:none;
}
.bs-datepicker{
      width:85% !important;
}
    .bs-datepicker-new{
      width:85% !important;
}
.multiple-container .pod-title{
font-weight:500 !important;
}
.multiple-two-container .pod-title{
  padding:33px 10px 20px 10px;
}
.faq-container>header h3{
  font-weight:400;
}
.pod-container{
  padding:2em 0;
}
.select-droparrow::before {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    content: "\e64b" !important;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 18px;
    pointer-events: none;
}
.arrow-fix-shipping .select-droparrow::before {
      top:45px;
}
.arrow-fix-month .select-droparrow::before {
      right:193px;
}
.arrow-fix-year .select-droparrow::before {
      right:30px;
}
.portal-home-link:hover,.masthead-non-auth:hover{
  color:#fff;
  opacity:0.7;
}
.ErrorMessages{
  color:red;
}
.btn-hollow{
color:#1677cb;
}
/*.text-danger {
    color: aliceblue;
    text-shadow: 0px 0px 6px white;
}*/
/* removes duplicate product code from Burger King subpage*/
div[data-nra-sku^="S"] .ProductCode{
      display:none;
}
    .open-desc3{
      display:none;}
/* Wallet Card styling */
.cert {
    text-align:center;
}
.wallet-card {
    display:inline-block;
    width:305px;
    text-align:left;
    background-image: url(/media/ServSafe/Design/Template/certificate/14102901_SS_Mgr_QR_WalletBkgd.png);
    background-repeat:no-repeat;
    background-size: 305px;
    font-family:arial, sans-serif;
    font-size:12px;
    z-index:10;
}
@media print{
    .wallet-card {
        background-image:url(/media/ServSafe/Design/Template/certificate/14102901_SS_Mgr_QR_WalletBkgd.png) !important;
    }
}
.card-front, .card-back {
    text-align:left;
    height:186px;
    /*border: 1px dashed #757575;*/
}
.card-front {
    text-align:left;
}
.cert-exam {
    display:none;
}
.cert-num, .cert-issued {
    background-color: #F1FAFD;
    position: relative;
    left: 175px;
    width: 126px;
    opacity: 0.6;
}
@media print {
    .cert-num, .cert-issued, .cert-name, .cert-expiration {
        background-color:#F1FAFD !important;
    }
}
.number, .date {
    font-weight:bold;
    color:#000;
}
.cert-num {
    top:6px;
}
.cert-num .number::before {
    font-weight:normal;
    /*content: "#";*/
}
.cert-issued {

}
.cert-name, .cert-expiration {
    background-color:#F1FAFD;
    display:inline-block;
    position:relative;
    left:20px;
    /*top:80px;*/
    opacity: 0.6;
}
.cert-name {
    font-weight:bold;
    font-size:16px;
    line-height:24px;
    color:#000;
    top:80px;
}
.cert-name::before {
    font-weight:normal;
    content: "Name: ";
}
.cert-expiration {
    top:78px;
    font-size: 16px;
    line-height: 24px;
}
.cert-issued {
    font-weight:normal;
    max-height: 12px;
    margin-top:-10px
}
#qr {
    border: 1px solid black;
    width: 96px;
    height: 96px;
    top: 136px;
    position: relative;
    left: 10px;
}
.disclaimer, .copyright {
    font-size: 10px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.disclaimer {
    top: 78px;
    position: relative;
    font-weight: bold;
    width: 190px;
    left: 99px;
}
.copyright {
    top: 80px;
    position: relative;
    font-size: 8px;
    right: -2px;
    width: 193px;
      line-height:8px;
}

@media print{
    .copyright {
        top: 93px;
    }
    .cert::after {
        content: " To ensure this wallet card prints properly, please ensure that background images are enabled in your printing preferences or page setup.";
        display: block;
        padding: 45px;
        background-repeat: no-repeat;
        min-height: 400px;
        background-position: 50% 100px;
      }
}
/* ProductList pages */
.product-price{
  color:#006d00;
}
.product-desc{
   font-size:13px;
   line-height:13px;
}

/*Mobile Shopping Cart */
.mobile-shopping-cart{
      top: 57%
}
    .mobile-shopping-cart .cart-number, .mobile-shopping-cart .cart-number-mobile-non-auth {
        border-radius: 50%;
        font-family: Raleway,sans-serif;
        height: auto;
        line-height: 14px;
        padding: 4px 7px 3px 7px;
        position: absolute;
        text-align: center;
        top: -15px;
        right: -20px;
        width: auto;
        font-size: 12px;
        color: white;
        background: #198703 !important;
        /*background: -moz-linear-gradient(top, #28da04 0%, #23c503 61%, #1caa00 100%) !important;
        background: -webkit-linear-gradient(top, #28da04 0%,#23c503 61%,#1caa00 100%) !important;
        background: linear-gradient(to bottom, #28da04 0%,#23c503 61%,#1caa00 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28da04', endColorstr='#1caa00',GradientType=0 ) !important;*/
    }
/* Portals */
.portal-home-link:hover {
    text-decoration: none;
}
/* Portal SubPages */
.portal-subpage p{
    font-size:14px;
    padding:0;
}
/* Fix forms and button Portal pages */
.portal-subpage-form input[type=text] {
    width: 25%;
    margin-right: 15px;
    font-family: "Raleway", Arial;
    text-transform: uppercase;
    font-weight: bold;
    color: gray;
}
.portal-subpage-form input[type=button] {
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    border: 2px solid #1677cb;
    padding: 0 26px;
    min-width: 150px;
    line-height: 36px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
	    background: #1677cb;
    color: #fff;
    margin-right: 8px;
    margin-bottom: 24px;
    transition:0.7s;
      -webkit-appearance: none;
}
.portal-subpage-form input[type=button]:hover{
      opacity:0.7;
      cursor:pointer;
      transition:0.7s;
}
/* Fix spacing on blue userbar */
.masthead-non-auth{
   padding:0.818em 3.182em 1.818em 0;
}
/* Hides checkboxes on Agreement pages */
.agreementcontent input[type=checkbox]{
    display:none;
  }
/* Text boxes to white */
.input-white input[type=text]{
    background: white;
    border: 1px solid #f1e9e9;
}
/* Modal X button */
.close{
      opacity:1;
}
.returnpolicylink{
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #337ab7 !important;
}
span.ProductCode{
      display:none;
}
.lbl-content2::before{
      content:"Certificate Number, Learning Zone ID: ";
}
/* Show/hide for get certified pages */
.steps-link{
      color:#337ab7;
      font-weight:bold;
      }
.steps-link:hover{
      cursor:pointer;
}
/* ProfileComplete page */
.validation-summary-errors,.validation-summary-errors span,.field-validation-error,.field-validation-error span{
    color: #D51212 !important;
    font-size: 12px;
}
/* Certificate Search page */
.force-btn{
  background:#fff !important;
  color:#1677cb;
}
.force-btn:hover{
  background:#1677cb !important;
  color:#fff;
}
/* Portal Subpage */
.ProductPrice .UnitPrice{
  text-decoration:line-through;
}
.UnitPrice:only-child{
  text-decoration:none !important;
}
.portal-profilecomplete {
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0 1px 9px rgba(0,0,0,.15);
}
.PortalLinks {
  text-align: center;
  display: block;
  clear: both;
  height: 285px;
  width: 100%;
  margin-bottom: 10px;
  font-family: verdana,arial,sans-serif;
  padding-top: 10px;
  /* width: 600px; */
}
.custom-title{
      text-align:center;
      margin:40px 0 20px 0;
      }
.big-title {
    color: #292929;
    font-size: 3.5em;
    font-weight: 100;
    padding: 0;
      margin-bottom:0;
    line-height: 1.333em;
    text-transform: uppercase;
}
.center-block{
      float:none;
      }
h3.small-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #292929;
}
.resources-box {
    text-align: left;
    padding: 30px;
}

/* User Login box, align according to whether certain classes are present */
.login-box {
    float: none;
    margin: 0 auto;
}
.parent-boxes>#SraContact~.login-box, .parent-boxes>.portal-login~.login-box{
    float:left;
}
/* FAQ page magic */
.faq-btn-container{
  position:relative;
}
.faq-btn-container>a[data-js-hook=faq-helpful][class=active]~a[data-js-hook=faq-not-helpful]:after{
    content: "Thank you for your feedback!";
    display: block;
    left: 16px;
    position: absolute;
    color: darkgreen;
    bottom: 3px;
    text-transform: none;
    letter-spacing: 0px;
}
.faq-btn-container>a[data-js-hook=faq-not-helpful][class=active]:after{
    content: "Thank you for your feedback!";
    display: block;
    left: 16px;
    position: absolute;
    color: darkgreen;
    bottom: 3px;
    text-transform: none;
    letter-spacing: 0px;
}
/* ProductList style blockquotes */
.product-longdesc blockquote {
  font-style: normal;
  background: white;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 23px;
}
.nobr br{
      display:none;
}
#btnShop{
      display:none;
      }
/* Online Exam styling */
.exam-details {
    background: rgba(236, 236, 236, 0.38);
    padding: 10px;
}
.question-numb {
    background:#fff;
    font-size: 12px;
    display: inline-block;
    padding: 5px 14px;
    border-radius: 10px;
    color: black;
    font-weight: bold;
    border: 1px solid rgba(128, 128, 128, 0.31);
      text-align:center;
}
.xyzbox{
      margin:35px 0;
}
.questions-table label{
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;

    padding-left: 6px;
    margin-bottom: 6px;
    font-weight: normal;
    font-family: "Open Sans", arial;
    line-height: 31px;
    color: #292929;
}
.questions-table tr td table.question td{
      padding-bottom:15px;
}
.exam-question,.exam-number{
    font-size:14px;
    color:#000;
}
/* CourseAdmin */
.progressbar {
    background-color: #eee;
    border: 1px solid #ccc;
    height: 8px;
    margin-top: 3px;
    padding: 0;
    width: 100%;
}
.progressbar img {
  vertical-align: top;
}

tr.Alternating {
    background-color: rgba(249, 249, 249, 1);
}
/* RoleApplicationStatus */
#CaptivateContent{
      display:none;
      }
/* AceZone.aspx */
.ValidationSummary{
      background-image:none;
      padding:15px;
}
.ValidationSummary ul{
      list-style-type:none;
}
.lbl-content2{
      padding:0 !important;
      font-size:15px !important;
      }
div[data-nra-sku] .ProductEmbed .image img{
      max-width:160px;
      height:auto;
      margin-right: 15px;
}
/* RoleDetail.aspx Dual Role */
.dualdetailpage .pod-icon:before {
    padding: 11px 17px !important;
      height:2em;
      width:2em;
}
.dualdetailpage .pod-description{
	font-size:13px;
}
.dualdetailpage .pod-item {
    padding: 2em 0 2em;
}
/* CartReview */
.mobile-cartreview{
      display:none;
      }
.btn-grey {
    background: white !important;
    border: 2px solid #bbb !important;
    color: #bbb !important;
    margin: 0 3px;
    padding: 0 13px !important;
    min-width: auto !important;
    margin-bottom:8px !important;
}
/* footer logos */
.affiliates a {
margin: 9px 20px;
      display:inline-block;
}
.affiliates a:hover{
  opacity:0.75;
      }
.affiliates {
    text-align: center;
}
/* list styles */
ul.list-style {
    margin-left:15px;
    list-style-type: disc;
}
.list-style ul {
    list-style-type: circle;
    margin-left: 25px;
}
.list-style ul li ul li {
    list-style-type: square;
}
.list-numbers{
      list-style-type: decimal;
      }
.open-desc2{
      display:none;
      }
/* CheckOut Page */
td p.font-12 {
    margin-bottom: 0;
}
/* create user profile */

.register2{
      display:none;
      }
.btn-white2 {
    border-color: white;
    color: white;
    width: 72.6%;
    margin: 0 auto !important;
    margin-bottom: 14px !important;
    display: block;
    min-width: auto;
}
.btn-white2:hover{
      background:#fff;
      color:#000 !important;
      }
    .regscore {
    /*margin-left: 15px !important;
    margin-right: 15px !important;*/
}
    .regscore h4 {
    /*color: #fff;*/  /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
        color: #292929;  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
    font-size: 20px;
      }
    /*productlist*/
.productsbox2 {
      display:none;
    overflow: auto;
    background: #f5f5f5;
    padding: 9px 10px;
    margin-bottom: 22px;
      border-radius:8px;
    text-align: center;
}
/*dashboard fixes */
.dashboard-banner-identity .admin-tab .identity.active,.dashboard-banner-identity .student-tab .identity.active,.dashboard-banner-identity .instructor-tab .identity.active{
      background: #efefef !important;
      color: #019cdc !important;
  }
.admin-tab .identity.active .identity-icon, .admin-tab .identity.active p,.student-tab .identity.active .identity-icon, .student-tab .identity.active p,.instructor-tab .identity.active .identity-icon, .instructor-tab .identity.active p{
  color: #019cdc !important;
  }
/* create userprofile */
    .regscore{
      /*color:white;*/ /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
        color: #292929;  /* Added to fix login and Create profile Contrast issues (ks 1-13-20)*/
      }
.regscore .header{
    font-weight: bold;
    font-size: 16px;
      }
    .regscore .instructions{
      padding-bottom:14px;
      }
.regscore h4, .regscore .header, .regscore .instructions, .register-score-instructions{
    margin-left: 15px;
    margin-right: 15px;
}
.special-mobile{
      }
    /*search stuff */
    #searchmodal .modal.fade{
    display: block;
    opacity: 1;
}
#searchmodal .modal-content{
    background: transparent;
    border: none;
    box-shadow: none;
}
    #searchmodal .modal.fade .modal-dialog{
	webkit-transform: translate(0, -1%);
    -ms-transform: translate(0, -1%);
    -o-transform: translate(0, -1%);
    transform: translate(0, -1%);
}
    /* profile-content */
.profile-content .instructions,.profile-content label[for=IsSraMember], .profile-content label[for=SraMemberNumber], .profile-content .header{
      color: #333 !important;
      }
    /* quote stuff */
#quote_grid .alert-danger {
background: none !important;
border-left: none;
}
.quote-functions li {
    display: inline-block;
    text-transform: uppercase;
    font-family: Raleway;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px;
    padding: 3px 24px;
    border: 2px solid #337ab7;
    height: auto;
}
    .copy-ul ul li {
    list-style-type: disc;
    margin-left: 20px;
}
.culinaryfaqs .faq-filters, .culinaryfaqs a[title="Spanish"], .culinaryfaqs a[title="English"], .culinaryfaqs h3.faq-title.ng-binding{
      display:none;
}
.culinaryfaqs .faq-btn-container a {
    border: 2px solid #1677cb;
    color: #1677cb;
 }
.allergenspage .pod-btn{
          border: 2px solid #1677cb;
    color: #1677cb;
      }
.dashboard-banner-identity a[href="/Dashboard/Instructor"]{
      max-width:103px;
      vertical-align:top;
      }
.dashboard-banner-identity a[href="/Dashboard/Instructor"] .identity{
      padding-bottom:12px;
      margin-bottom:1px;
      }
.dashboard-banner-identity a[href="/Dashboard/Instructor"] .identity p{
        font-size: 11px;
    line-height: 14px;
      padding-top:7px;
      }
.instructor-tab{
      max-width:120px !important;
      }
#CartReviewForm .light-gray.strike{
      display:block;
      }
        #CartReviewForm .col-md-9.mrg-l-med{
      margin-left:0;
      }
    .errorpage-box{
    box-shadow:rgba(128, 142, 154, 0.4) 0 0 60px;
    text-align: center;
    padding: 50px;
    background-color: #fff;
    display: block;
    margin: 100px auto;
    width: 27%;
    margin-bottom: 200px;
    min-width: 513px;
}
 .errorpage-box h2{
      font-size:34px;
      font-weight:bold;
      }
.errorpage-box p{
      color:rgb(170, 170, 170);
    font-size: 13px;
    margin-bottom: 14px;
      }
.errorpage-box hr{
    border-top: 1px solid #ddd;
    width: 50%;
    margin: 25px auto;
      }
.errorpage-box i{

    color: #1677cb;
    font-size: 35px;
    opacity: 0.6;
    padding-bottom: 20px;
    display: block;
      }
    .errorpage-box .btn-hollow{
     margin-top:13px;
      }
       .banner-alert .alert, .banner-alert .warning {
    margin-bottom: 0;
}
    .banner-alert .warning {
    background: rgb(255, 246, 235);
}
    .portal-company img[src*="Bloomin-Brands-Logo"] {
    width: auto;
}
.modal.in .modal-dialog{
transform: translate(0,25%);
}
    #modalAddressValidation p {
    margin: 0 0 5px 0;
}
    #modalAddressValidation .alert-success{

    background: #dff0d8;
    color: #3c763d;
    border: none;
    width: 80%;
    margin: 12px auto;
    border-left: 3px solid #3c763d;
      }
/*------------------------------
/*# Mobile - Minwidth 1025px#*/
/*-------------------------------*/
@media (min-width: 1025px){
  .dashboard-banner header, .general-content-container .video-container {
      box-sizing: border-box;
      float: left;
      width: 60%;
      }
  .dashboard-banner-identity {
      float: none !important;
      width: auto !important;
  }
}

/*------------------------------*/
/*# Mobile - Minwidth 768px#*/
/*--------------------------*/
@media (min-width: 768px){
  /* ProductDetail page */
      .flex-viewport{
        padding-top:100px;
        }
  /* CreateUserProfile */
      .col-md-7 input[placeholder]{
          color:inherit;
        }
  /* shortcut */
      .mobile-only{
        display:none;
        }
  /* ExamRequestForm.aspx */
  table.magic-table td:first-child {
    width: 16.66666667%;
  }
  /* Toggle show hide get certified page */
  .seeMore2Toggle {
    text-align: left;
    font-size: 13px;
    padding: 0.5em 2em;
    margin: 0 auto;
    max-width: 27em;
  }
  .crse-assigntxt{
        width: auto !important;
        }
  .course-info{
    width: 50%;
  }
  .portal-banner .banner-title{
    margin-bottom:0;
  }
  .portal-banner{
    padding: 7.25em 0 7.25em;
  }
  /* SSOUserLogin page */
  .white-bg3{
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
    padding:20px 20px 15px 20px;
    border-radius:5px;
  }
  .modal-dialog{
    width:50%;
  }
  .masthead-top-nav-item:hover{
    cursor:pointer;
  }
  /* ProductList pages */
  .productlistrow {
    width: 100%;
    overflow: auto;
  }
  .productlistrow .col-md-4 {
    float: left !important;
    left: auto !important;
    top: auto !important;
    position: relative !important;
  }
      .desktop-paddingl-0{
        padding-left:0 !important;
        }
      .quote-functions li:first-child {
    margin-left: 0;
}
      .address-al3rt .alert-danger{
        margin-bottom:12px;
        margin-top:12px;
        }
      .body23{
        position:relative;
        }
            .fixitplz{
        position:absolute;
        bottom:0;
        left:42%;
        }

      /* Width % */
        .width-19{
          width: 19% !important;
        }
}/*end min-width 768px */

/*------------------------------*/
/*# Mobile - Minwidth 769px#*/
/*--------------------------*/
    @media (min-width:768px) and (max-width: 845px){
      .modal-dialog {
    width: 75%;
}
      }
@media (min-width: 846px) and (max-width:1566px){
     .modal-dialog {
    width: 65%;
      }
}
    @media (min-width: 768px) and (max-width:992px){
      .fixitplz{
        position:absolute;
        bottom:0;
        left:50%;
        }
      }
/*-------------------------------*/
/*# Mobile - Maxwidth 768px#*/
/*-------------------------------*/
@media (max-width: 768px){
  .hide-mobile{
    display:none;
    }
      .mobile-padding-0 {
        padding:0 !important
      }
      .exam-bg{
        height:auto;
        overflow:inherit;
        }
      /* productlist */
      .productlist-header{
        padding:40px 0;
        }
      .productsbox2{
        display:block;
        }
      .productlist-header h2{
            font-size: 24px;
    line-height: 30px;
        }
      .productlist-section{
        padding-top:30px
        }
      /* roleappprogress fix */
      .mobile-headerfix{
        height:auto;
        min-height:240px;
        }
      .mobile-containerfix{
        transform:none !important;
        }
      /*createuserprofile*/
      .register-form{
        margin-top:40px;
        }
      #register-slide{
        padding:0 15px;
        }
      .register-modals{
        margin-bottom:15px;
            padding: 0 5px;
    margin: auto;
        }
      .register-score-instructions{
        padding-bottom:10px;
        }
      .regscore{
        margin:0 !important;
        }
      .regscore label{
        padding-left:0;
        }
      .regscore .col-md-7{
        padding:0;
        }
   /* myexamaccesscodes */
      .calhide{
        height:auto;
        }
   /* instructor resources */
      .big-title{
        font-size:40px;
        padding:10px;
        }
   /* fix spacing on titles */
  .multiple-two-container .pod-main-title{
    padding-left:10px;
    padding-right:10px;
  }
  /* Remove second search box */
  .search-module .searchBox:nth-child(2) {
    display: none;
  }
  .general-content-table{
        overflow-x:scroll;
   }
   /* Course Admin */
  .tabs2 li span, .tabs2 li a{
      font-size:11px !important;
  }
  .col-xs-12.col-md-8.padding-0 h3.uppercase.mb0{
    padding:15px;
        margin-top:20px;
        margin-bottom:10px !important;
    }
  .crse-btn{
    margin-bottom:10px;
    text-align:center !important;
   }
   /* Mobile for CourseAdmin tabs */
   .tabs2 li.active, .tabs2 li{
        display:block !important;
   }
   /* Search mobile */
   .masthead-panel .search-module{
          height: auto !important;
   }
   .masthead-panel .form-control, .masthead-panel .search-text{
          margin-bottom:0 !important;
   }
   /* Search icon */
  .masthead-panel .btn, .masthead-panel .search-submit{
        background-color:#fff !important;
        background-image:url(/App_Themes/ServSafe/styles/img/search-submit-panel.png) !important;
        background-repeat:no-repeat !important;
  }
  .portal-home-link:hover, .masthead-non-auth:hover{
        color:#000;
        }
   /* My Exam Access Page */
    .accesscode-error{
    margin-top:33px;
    }

    /*Search result page*/
    .search-results article>div {
    padding: 20px 0 !important;
    }
      /*CartReview*/
        .mobile-cartreview{
        display:block;
        padding:25px 0 65px;
        }
      .cartreview-subtotal{
        font-size:14px;
        overflow:auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
        }
      .subtotal-number{
        font-size:16px;
        color:#218C00;
        font-weight:bold;
        }
      .details-open{
        float:right;
        color:#1677cb;
        font-size:11px;
        }
      .headerfixerupper{
    height: 138px;
    text-align: center;
        }
      .m-productprice{
        color:#218c00;
        font-size:13px;
        }
      .m-productimg img{
        max-width:98%;
        }
      .m-producttitle {
    font-size: 14px;
    color: black;
    font-weight: bold;
}
      .individual-product{
    overflow: auto;
    margin: 25px 20px;
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
        }
      .btn-sub{
        border-color:#bbb;
        color:#bbb;
        min-width:auto;
        padding:0 12px;
        }
      .details-row{
        padding-bottom:12px;
        }      .checkout{
        margin-top:20px;
        }
      .btn-speciale{
        border-radius:4px !important;
        border:none !important;
        padding:2px 26px !important;
        background: #54e437!important;
    background: -moz-linear-gradient(top,#54e437 0%,#23c503 61%,#1caa00 100%)!important;
    background: -webkit-linear-gradient(top,#54e437 0%,#23c503 61%,#1caa00 100%)!important;
    background: linear-gradient(to bottom,#54e437 0%,#23c503 61%,#1caa00 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54e437',endColorstr='#1caa00',GradientType=0)!important;
      font-size:12px  !important;
        height:auto  !important;
        min-width: 100% !important;
      }
            .quantity-drop .select-droparrow:before{
        top:13px;
        }
      .update-btn{
        display:none;
        margin-top:10px;
        }
      .btn-update{
        min-width:auto;
        padding:0 12px;
        }
      /* Portal Subpage making the products scroll */
      .portal-subpage div[data-nra-sku] {
    overflow-x: scroll;
       }
      /* Mobile only textright */
      .mobile-textright{
        text-align:right;
        }
      /* dashboard */
      .dashboard-banner{
        padding:2em 0;
        }
      /* user login*/
      .loginlinks{
        margin-top:24px;
        }
      /* portal links */
    .portal-home-link{
    padding: 0 0 15px 10px;
    color: #404040;
    font-size: .75em;
    vertical-align: top;
    position: relative;
    display: inline-block;
        padding-top:6px;
        padding-left:37px;
        font-family:Raleway,sans-serif;
        }
      .portal-home-link:before{
                    line-height: 10px;
    font-size: 28px;
    position: absolute;
    left: 6px;
    opacity: 0.7;
    top: 11px;
        }
      .add-to-cart .btn-filled{
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 60%;
    transform: translate(-50%, -50%);
    z-index: 9999;
        }
      /*ORDER HISTORY*/
      .profile-content{
        background:#fff;
        padding:0;
      }
      .profile-content h3{
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
      }
      /*training search*/
      .profile-content .form-horizontal .form-group div[class*=col-md-] {
          padding: 0;
      }
      /*listing IP */
      .mobile-h5 {
          letter-spacing: 1px !important;
          text-transform: none;
          font-size: 13px;
          margin-right: 0 !important;
      }
     .info-card,.flat-modal-title{
        width:90%;
        }
      .productlist-by{
        margin-bottom:15px !important;
        }
      .colophon-social {
    padding-left: 0;
    width: 100%;
    }
      /* quotes stuff */
      .filter-listing-results{
        margin-top:25px;
        }
      .quote-functions li{
        margin-bottom:6px;
        }
      #divBillingAddress{
            margin: 25px 0;
        }
      .quote-details-page, #divCart{
        padding-top:20px;
        }
      #divPromoCodes{
        margin:25px 0;
        }
      .iframe-modal{
        width:95%;
        }
            #centerplateExamAccessCodes br{
        display:block;
        }

.modal.in .modal-dialog{
transform: translate(0,0);
}
      #modalAddressValidation .alert-danger{
        width:100%;
        margin-top:5px;
        }
      #modalAddressValidation h3 {
    margin-bottom: 11px;
    padding-bottom: 0;
    margin-top: 7px;
  }
      .optsel{
        margin-bottom:10px
          }
      .keepmine{
        padding-bottom:5px !important;
        }
}/*--- end of 768 max-width*/

/*------------------------------ */
/*# Mobile - Maxwidth 500px#*/
/*-------------------------------*/
@media (max-width: 500px){
  .crse-assigntxt{
  width: 100% !important;
  display: block;
  }
      .add-to-cart .btn-filled{
        width:80%;
        }
      /* Minimize the branded logins */
  .portal-login hr{
        margin-bottom:0;
      }
      .parent-boxes>.portal-login {
    margin-top: 18px;
      }
      .open-desc2,.open-desc3{
        display:block;
        color:#337ab7;
        font-size:13px;
        }
      .open-desc3{
        padding-top:12px;
        text-align:center;
        }
     #PoralLoginMessage, #SRALoginMessage{
        display:none;
        }
      /*productdetail */
      .controls-inside .flew-viewport{
        padding-top:0 !important;
        }
      .dashboard-banner-identity{
        zoom:0.8;
        }
      /*instructor home*/
      .general-content-table table td .Button{
          display: inline-block;
    line-height: 14px;
        }
      .profile-content .form-horizontal .form-group .control-label{padding:0;}
}
/*------------------------------
---- DEVICE WIDTHS
-------------------------------*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 680px) {
  /* Calendar table zoom on mobile */
  table.clsOTable {
      zoom: 1.5;
  }
}
@media (max-width: 322px){
  .faq{
    overflow-x:scroll;
    }
}
@media only screen and (max-width: 768px){
  .special-mobile{
    display:block;
        }
}
/*iPad only*/
@media screen and (min-device-width: 769px) and (max-device-width: 1025px){
    .portal-home-link {
    padding: 0 0 15px 10px;
    color: #404040;
    font-size: .75em;
    vertical-align: top;
    position: relative;
    display: inline-block;
    padding-top: 0px;
    padding-left: 6px;
    font-family: Raleway,sans-serif;
    }
      .portal-home-link:before{
        right:1px;
        }
      .productsbox2{
        display:block !important;
      }
}
/*------------------------------
---- PRINT PAGE ONLY
-------------------------------*/
@media print {
  .specialone{
    margin:auto !important;
  }
}
/*------------------------------ */
/*# Custom widths #*/
/*-------------------------------*/
@media (min-width: 1340px) and (max-width:1600px){
  .masthead-menubar-item{
	/*padding:0 2.125em 0 0;*/
	padding:0 1.15em 0 0 !important;
	/*font-size: 0.94rem !important*/;
  }
}
@media (min-width: 1254px) and (max-width:1339px){
  .masthead-menubar-item{
    padding:0 0.77em 0 0;
  }
}
/*------------------------------ */
/*# INTERNET EXPLORER FIXES #*/
/*-------------------------------*/
select::-ms-expand {
    display: none;
}

#LinkSearchByClass {

    white-space: normal;
}

/***Shopping Cart Media Queries***/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .arrow-fix-month .width-50 {
        width: 48% !important;
    }
    .arrow-fix-month .select-droparrow::before {
    right: 125px !important;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .arrow-fix-month .select-droparrow::before {
      left: 340px !important;
  }
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {
      .arrow-fix-month .select-droparrow::before {
        left: 165px !important;
      }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
      .arrow-fix-month .select-droparrow::before {
        left: 325px !important;
      }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
      .arrow-fix-month .select-droparrow::before {
        left: 155px !important;
      }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    .arrow-fix-month .select-droparrow::before {
        left: 295px !important;
      }
}

.modal input[type=submit] {
  display: inline-block !important;
}

.btn-30 {
      line-height: 100% !important;
      height: 30px !important;
}

.masthead-menubar-item>a {
    color: #292929;
}

.masthead-menubar-item.admin>a {
    color: #292929;
}
    /*How to use your Dashboard*/
.dashboard {
   color: #1677CB !important;
   text-align: center;
}

.dashboard-banner~.breadcrumbs {
    padding-bottom: 1.25em;
}
.breadcrumbs.dashboard {
    padding: 0;
}

/*Darker Warning*/
p.warning.darkRedWarning {
    color: #CB4335;
    border: 3px solid;
    background-color: lightyellow;
      font-size: 1.18rem;
}

.addValidationHeight {
	height: 75px;
}

/*Styling for Form Input - 20171107 - DR*/
input.input-width-15 {
    width: 15%;
}
input.input-width-20 {
    width: 20%;
}
input.input-width-text {
    width: 97%;
}

/*Home alert message*/
.closeAlert {
      position: absolute;
      right: 1em;
      color: #2977c9 !important;
}

/*Fixing Menu dropping down*/
@media (min-width: 1254px) and (max-width:1339px){
  .masthead-menubar-item{
    padding:0 0.77em 0 0;
  }
  .masthead-menubar-item>a{
	padding:0 0.77em 0 0;
  }
}

/* Fixing New Mexico Modal*/
.modalBody{
        font-size: 16px !important;
}
.modalBodyRed{
        font-size: 16px !important;
        color: red !important;
}

/* Added 5th pod to 20180409
 Color selector for the Learn More button
*/
@media (min-width: 1025px){
  .five-column .pod, .section-container .pod {
    width: 20%;
  }

  .four-column .pod, .section-container .pod {
    width: 25%;
  }

	.pod.section-orange {
		width: 20%;
	}

	.pod.section-green {
		width: 20%;
	}

	.pod.section-purple {
		width: 20%;
	}

	.pod.section-red {
		width: 20%;
	}

	.pod.section-blue {
		width: 20%;
	}
}



@media (min-width: 1025px){

}
.pod-title{
    font-size: 1.4em;
}

/* Learn More - Aqua Color*/
.section-container .pod.section-aqua .pod-btn {
      /*Aqua*/
      border: 2px solid #34c9dd;
      color: #34c9dd;
}
.section-container .pod.section-aqua .pod-btn:hover, .section-container .pod.section-aqua .pod-btn:focus {
      /*Aqua*/
      background: #34c9dd;
      color: #ffffff;
}

/* Learn More - Grey */
.section-container .pod.section-lig-grey .pod-btn {
    border: 2px solid #8096a1;
    color: #8096a1;
}
.section-container .pod.section-light-grey .pod-btn:hover, .section-container .pod.section-light-grey .pod-btn:focus {
      background: #8096a1;
      color: #ffffff;
}

/* Learn More - Light-grey */
.section-container .pod.section-grey .pod-btn {
    border: 2px solid #efefef;
    color: #efefef;
}
.section-container .pod.section-grey .pod-btn:hover, .section-container .pod.section-grey .pod-btn:focus {
      background: #efefef;
      color: #ffffff;
}

/* Learn More - dark-grey*/
.section-container .pod.section-dark-grey .pod-btn {
    border: 2px solid #292929;
    color: #292929;
}
.section-container .pod.section-dark-grey .pod-btn:hover, .section-container .pod.section-dark-grey .pod-btn:focus {
      background: #292929;
      color: #ffffff;
}

/*Learn More - red */
.section-container .pod.section-red .pod-btn {
    border: 2px solid #fa676d;
    background: #fa676d;
      color: #ffffff;
}
.section-container .pod.section-red .pod-btn:hover, .section-container .pod.section-red .pod-btn:focus {
      background: #fa676d;
      color: #ffffff;
}

/* CSS for red color - Workplace   - DR - 20180424*/
.section-red .masthead-bottom-nav, .section-red .colophon-social-subscribe input[type="submit"] {
  background: #fa676d; }

.section-red .colophon-social-subscribe input[type="submit"]:hover {
  background-color: #d6d6d6; }

.section-red .masthead-menubar-item.active > a {
  color: #fa676d;
  font-weight: 700; }

.section-red .masthead-bottom-nav-content .masthead-menubar .masthead-menubar-item > a {
  color: #ffffff;
  font-weight: 400; }

.section-red .multiple-container .pod-icon:before, .section-red .map-search-container .pod-icon:before {
  background: #fa676d;
  color: #ffffff; }

.section-red .multiple-container .pod-btn, .section-red .map-search-container .pod-btn {
  border: 2px solid #fa676d;
  background: #fa676d;
    color: #ffffff; }
  .section-red .multiple-container .pod-btn:hover, .section-red .multiple-container .pod-btn:focus, .section-red .map-search-container .pod-btn:hover, .section-red .map-search-container .pod-btn:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .multiple-container .emphasized .pod-item, .section-red .map-search-container .emphasized .pod-item {
  background: #fa676d; }

.section-red .multiple-container .emphasized .pod-title, .section-red .map-search-container .emphasized .pod-title {
  color: #ffffff; }

.section-red .multiple-container .emphasized .pod-btn, .section-red .map-search-container .emphasized .pod-btn {
  color: #fa676d;
  background: #ffffff;
  border: 2px solid #fa676d; }
  .section-red .multiple-container .emphasized .pod-btn:hover, .section-red .multiple-container .emphasized .pod-btn:focus, .section-red .map-search-container .emphasized .pod-btn:hover, .section-red .map-search-container .emphasized .pod-btn:focus {
    background: #fa676d;
    border: 2px solid #ffffff;
    color: #ffffff; }

.section-red .multiple-container .emphasized .pod-icon:before, .section-red .map-search-container .emphasized .pod-icon:before {
  background: #ffffff;
  color: #fa676d; }

.section-red .multiple-container .emphasized .pod-description, .section-red .map-search-container .emphasized .pod-description {
  color: #ffffff; }

.section-red .map-search-container input[type="button"] {
  color: #fa676d; }

.section-red .multiple-two-container .pod-btn {
  background: #fa676d;
  border: 2px solid #fa676d;
  color: #ffffff; }
  .section-red .multiple-two-container .pod-btn:hover, .section-red .multiple-two-container .pod-btn:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .multiple-two-container .pod-icon:before {
  color: #fa676d; }

.section-red .multiple-two-container .pod.emphasized .pod-btn {
  background: #fa676d;
  color: #ffffff; }
  .section-red .multiple-two-container .pod.emphasized .pod-btn:hover, .section-red .multiple-two-container .pod.emphasized .pod-btn:focus {
    background: transparent;
    color: #fa676d; }

.section-red .priority-container .pod-icon:before {
  background: #fa676d;
  color: #ffffff; }

.section-red .priority-container .pod-btn {
  background: #ffffff;
  color: #fa676d; }

.section-red .priority-container .emphasized .pod-btn {
  background: #fa676d;
  border: 2px solid #fa676d; }
  .section-red .priority-container .emphasized .pod-btn:hover, .section-red .priority-container .emphasized .pod-btn:focus {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #fa676d; }

.section-red .priority-container .de-emphasized {
  opacity: .5; }

.section-red .cta-container .banner-btn {
  background: #fa676d;
  color: #ffffff; }
  .section-red .cta-container .banner-btn:hover, .section-red .cta-container .banner-btn:focus {
    background: #d6d6d6; }

.section-red .parallax-container .pod-btn:hover, .section-red .parallax-container .pod-btn:focus {
  background: #ffffff;
  color: #fa676d; }

.section-red .text-container .pod-btn {
  background: #fa676d; }

.section-red .general-content-container .general-content-title {
  color: #fa676d; }

.section-red .map-container .pod-btn {
  background: #fa676d; }
  .section-red .map-container .pod-btn:focus, .section-red .map-container .pod-btn:hover {
    background: white; }

.section-red .faq-container .faq-title {
  background: #fa676d; }

.section-red .faq-container .faq-btn-container a {
  border: 2px solid #fa676d;
  background: #fa676d;
    color: #ffffff; }
  .section-red .faq-container .faq-btn-container a:hover, .section-red .faq-container .faq-btn-container a:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .faq-container .faq-btn-container .active {
  background: #fa676d;
  color: #ffffff; }

.section-red .faq-container .faq-filters a.active {
  color: #fa676d; }

.section-red .faq-container .pager .pager-currentpage {
  background: #fa676d;
  border: 1px solid #fa676d; }

.section-red .faq-container .pager .pager-nextpage:hover, .section-red .faq-container .pager .pager-nextpage:focus, .section-red .faq-container .pager .pager-previouspage:hover, .section-red .faq-container .pager .pager-previouspage:focus {
  background: #fa676d;
  border: 1px solid #fa676d; }

.section-red .faq-container .pager .pager-page:hover, .section-red .faq-container .pager .pager-page:focus {
  background: #fa676d;
  border: 1px solid #fa676d; }

.section-red .faq-container .predictiveSearchResults a {
  color: #fa676d; }
  .section-red .faq-container .predictiveSearchResults a:hover, .section-red .faq-container .predictiveSearchResults a:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .faq-container .predictiveSearchResults .selectedResult {
  background: #fa676d;
  color: #ffffff; }

.section-red .faq-container ~ .faq-banner-container {
  background: #fa676d; }
  .section-red .faq-container ~ .faq-banner-container .pod-btn {
    color: #fa676d; }
    .section-red .faq-container ~ .faq-banner-container .pod-btn:hover, .section-red .faq-container ~ .faq-banner-container .pod-btn:focus {
      background: #ffffff;
      color: #fa676d; }

.section-red .faq-container > header h3 {
  color: #fa676d; }

.section-red .cta-container-parallax .banner-btn:focus, .section-red .cta-container-parallax .banner-btn:hover {
  background: #fa676d; }

.section-red .pod-alternate .pod-btn {
  border: 2px solid #fa676d;
  color: #fa676d; }
  .section-red .pod-alternate .pod-btn:hover, .section-red .pod-alternate .pod-btn:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .generic-container .pod-btn {
  color: #fa676d; }

.section-red .servsafe-btn a {
  border: 2px solid #fa676d;
  color: #fa676d; }
  .section-red .servsafe-btn a:hover, .section-red .servsafe-btn a:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .details-container .pod-icon {
  color: #fa676d; }

.section-red .step-container .pod-btn {
  border: 2px solid #fa676d;
  color: #fa676d; }
  .section-red .step-container .pod-btn:hover, .section-red .step-container .pod-btn:focus {
    background: #fa676d;
    color: #ffffff; }

.section-red .step-container .pod-icon {
  color: #fa676d; }
  .section-red .step-container .pod-icon:before {
    border: 1px solid #fa676d; }

.section-red .pod-grid .pod-grid-btn:hover, .section-red .pod-grid .pod-grid-btn:focus {
  background: #fa676d; }

.section-red .masthead-top-nav-cart .cart-number, .section-red .masthead-top-nav-cart .cart-number-non-auth {
  background: #fa676d; }

.section-red .mobile-shopping-cart .cart-number, .section-red .mobile-shopping-cart .cart-number-non-auth {
  background: #fa676d; }

.section-red .faq-language-selector a {
  border: 2px solid #fa676d;
  color: #fa676d; }
  .section-red .faq-language-selector a.active {
    background: #fa676d;
    color: #fff; }

.section-red .colophon-social-subscribe input[type=submit] {
  color: #000; }
.section-red .masthead-bottom-nav-content .masthead-menubar .masthead-menubar-item > a {
  color: #fff; }

.section-red .masthead-top-nav-cart .cart-number, .section-red .masthead-top-nav-cart .cart-number-non-auth {
  color: #000; }

/* GDPR Registration */
@media (min-width: 992px) {
  .ml-m9 {
    margin-left: -9% !important;
  }
  .editUserGDPR .form-group.col-md-8.col-md-push-4.ml-m9 {
    margin-left: -10% !important;
  }
}
.required:after {
    content: "*";
    font-weight: normal;
    color: red;
    position: relative;
    top: 0;
    left: 0;
    /*font-size: 100%;*/
      font-size: 2em !important;
}

#GDPROptInOptions input {
	height: 20px;
    width: 20px;
}

#GDPROptInOptions span {
	font-size: 14px;
}

#GDPROptInOptions a {
	font-size: 14px;
    /*color: #84c5fd;*/  /* Removed to fix login and Create profile Contrast issues (ks 1-13-20)*/
}
/*Edit User*/
.editUserGDPR span.col-md-11 {
    font-size: 14px;
    color: #333 !important;
}

/* DR & Srini 20180906*/
.servsafe-icon-one-ip:before {
  content: "\031"; }

.servsafe-icon-two-ip:before {
  content: "\032"; }

.servsafe-icon-three-ip:before {
  content: "\033"; }

.servsafe-icon-four-ip:before {
  content: "\034"; }

.servsafe-icon-five-ip:before {
  content: "\035"; }

.servsafe-icon-six-ip:before {
  content: "\036"; }

.servsafe-icon-seven-ip:before {
  content: "\037"; }

.servsafe-icon-eight-ip:before {
  content: "\038"; }


  /* Diet Coke DR - 20181219 */

  label#lblSecurityQuestion {
    padding-top: 0px;
    margin-bottom: 11px;
    text-align: left;
}

 .ml-0{
    margin-left:0px !important;
 }

 .pd-15 {
	 padding-left: 15px;
 }

.pt-2rem{
    padding-top: 2rem;
}

.pd-2rem{
    padding-bottom: 2rem;
}

.h-330{
    height: 350px;
}

.h-375{
    height: 375px;
}

.float-left{
	float: left !important;
}

.float-right{
	float: right !important;
}

#Password-error {
  /*top:35px;
    top:-19px;
    position:relative;
    right: -23px;
      float:left;
  left:-125px;*/
          /*top: -2px;
    margin-right: 4px;
    left: 10px;*/
      top:1rem;
      left: 1rem;

}
.password-col {
      width: 500px;
}

.login-col {
      width: 165px;
}

/*------------------------------*/
/*# Portal - GetSsoUserProfile #*/
/*--------------------------*/
.error-msg {
    float: left;
    position: relative;
    top: -20px;
    color: #D51212 !important;
    font-size: 12px;
}

.sso-button {
    line-height: 36px;
    border: 2px solid #1677cb;
    background: #1677cb;
    color: #fff;
    width: auto;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0;
    min-width: 150px;
    padding: 0 26px;
    height: 50px;
}

.sso-button:hover{
    background: #0288D1;
}
/* SSOUserLogin & SSOUserCreation box KS 20190905 */
.sso-user-box{
	height: calc(500px + 1.25vw);
	max-height: 524px;
}

/* Regulatory Requirements */
div#viz {
    height: 1000px !important;
}
div#viz iframe {
    height: 1000px !important;
}

    /*Foodguard course*/
.Content.IRC {
    margin: 1rem;
}

a#ctl00_MainContentPlaceHolder_OnlineExam_ES_cmdNext {
    margin-left: 1rem;
}


.Content.IRC {
    margin: 1rem;
}

a#ctl00_MainContentPlaceHolder_OnlineExam_ES_cmdNext {
    margin-left: 1rem;
}

/* Chat Button */
.svg-icon {
    fill: rgb(255, 255, 255);
}

.chat-icons-max {
    cursor: pointer;
}

.chat-button {
    color: #fff;
    cursor: pointer;
    font: 16px "roboto";
}

.chat-icons-max {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 14px 12px 14px 20px;
    position: relative;
    transition: color .7s ease-in, background-color .7s ease-in, transform .7s ease;
    width: 20px;
}

.chat-button-min-text {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 6px 0 12px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    text-overflow: ellipsis;
    top: 12px;
    white-space: nowrap;
    width: 93px;
}

.chat-button-rectangle {
    height: 48px;
    transition-duration: .3s;
    width: 147px;
}

.chat-button {
    background: #36414d;
    background-color: rgb(54, 65, 77);
    border-radius: 30px;
    bottom: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: none;
    font: 16px "roboto";
    height: 48px;
    position: fixed;
    transition-duration: .3s;
    width: 147px;
    z-index: 5010;
    bottom: 1rem;
    right: 1rem;
}

<style type="text/css" >/* Chat Button */
.svg-icon {
    fill: rgb(255, 255, 255);
}

.chat-icons-max {
    cursor: pointer;
}

.chat-button {
    color: #fff;
    cursor: pointer;
    font: 16px "roboto";
}

.chat-icons-max {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 14px 12px 14px 20px;
    position: relative;
    transition: color .7s ease-in, background-color .7s ease-in, transform .7s ease;
    width: 20px;
}

.chat-button-min-text {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 6px 0 12px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    text-overflow: ellipsis;
    top: 12px;
    white-space: nowrap;
    width: 93px;
}

.chat-button-rectangle {
    height: 48px;
    transition-duration: .3s;
    width: 147px;
}

.chat-button {
    background: #36414d;
    background-color: rgb(54, 65, 77);
    border-radius: 30px;
    bottom: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: none;
    font: 16px "roboto";
    height: 48px;
    position: fixed;
    transition-duration: .3s;
    width: 147px;
    z-index: 5010;
    bottom: 1rem;
    right: 1rem;
}

/* Social Media Icons*/
.bi-servsafe-footer {
    color: #fff;
    /* font-family: ServSafe-icons; */
    font-size: 2em;
    display: inline-block;
    opacity: .5;
    padding: 0 .25em;
    padding-left: 0.25em;
    text-decoration: none;
}

ul.performanceAgreement {
  list-style: inside;
}

.dt-type-numeric {
  padding: 0 10px 0 0;
}