/*
 * Template Name: Global Dive
 * Description: Custom Css, Global Dive
 * Author: John Whitworth, Axel Busch
 * Company: Xlvisuals
*/

/* Mozilla
------------------------------------*/

@-moz-document url-prefix() {
    .img-responsive {
        width: 100%;
    }
}

/* Theme Color Changes
------------------------------------*/
/*--------------------------------------------------
    [styles.css]
----------------------------------------------------*/

@font-face {
    font-family: 'open-sans-semibold';
    src: url('/static/fonts/opan-sans/OpenSans-Semibold-webfont.eot');
    src: url('/static/fonts/opan-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opan-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/static/fonts/opan-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/static/fonts/opan-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open-sans-light';
    src: url('/static/fonts/opan-sans/OpenSans-Light-webfont.eot');
    src: url('/static/fonts/opan-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opan-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('/static/fonts/opan-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/static/fonts/opan-sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open-sans-regular';
    src: url('/static/fonts/opan-sans/OpenSans-Regular-webfont.eot');
    src: url('/static/fonts/opan-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/opan-sans/OpenSans-Regular-webfont.eot');
    src: url('/static/fonts/opan-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/static/fonts/opan-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ios7-icon';
    src:
        url('/static/fonts/icons/icon.woff') format('woff'),
        url('/static/fonts/icons/icon.ttf') format('truetype'),
        url('/static/fonts/icons/icon.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'open-sans-light', sans-serif;
    font-weight: normal;
    font-weight: bold;
}

body {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
}
p {
    color: #555;
    font-size: 16px;
}
.headline-center h2 {
    font-size: 30px;
}
.btn-u {
    background: none;
    border: solid 1px;
}
.content-button {
    background: #ff8d00;
}
a {
    color: #ff8d00;
    text-decoration: none;
}
a:hover {
    color: #ff8d00;
    text-decoration: underline;
}

li a {
    color: #ff8d00;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

/*Service*/
.service .service-icon {
    color: #ff8d00;
}

.latest-list small {
    color: #ff8d00;
    display: block;
}

/* Recent Work  */
.recent-work a:hover span {
    border-bottom: solid 2px #ff8d00;
}

/* Thumbnails */
.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
    color: #ff8d00;
}

.thumbnail-style a.btn-more {
    background: #ff8d00;
}
.thumbnail-style a.btn-more:hover {
    text-decoration: none;
    box-shadow: 0 0 0 2px #E87800;
}


.headline-center p {
    font-size: 16px;
}

.cbp-filter-item a{
    color: #fff;
}

.cbp-filter-item a:hover{
    color: #fff;
    text-decoration: none;
}
blockquote p {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}

.hoverSelector{
    font-size: 16px;
}
#cart{
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

#button{
    padding-top: 6px;
    padding-bottom: 6px;
}
.align-right{
    text-align: right !important;
}
/*Servive Blocks
------------------------------------*/
/*Service Alternative Block*/
.service-alternative .service:hover {
    background: #FFAB51;
}

/*Blog Posts
------------------------------------*/

.posts .dl-horizontal dd a:hover {
    color: #ff8d00;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #ff8d00;
    border-color: #ff8d00 !important;
}
/* About Page
------------------------------------*/
.team ul.team-socail li i:hover {
    background: #ff8d00;
}
.team .thumbnail-style:hover h3 a {
    color: #ff8d00 !important;
}
/*Privacy Page
------------------------------------*/
.privacy a:hover {
    color: #ff8d00;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner:hover {
    border-color: #ff8d00;
    border-top-color: #ff8d00;
}
.blog-twitter .blog-twitter-inner:hover:after {
    border-top-color: #ff8d00;
}

.blog-twitter .blog-twitter-inner a {
    color: #ff8d00;
}

/*Choose Block*/
.who li i {
    color: #fff;
}

/*Promo Box*/
.promo-box:hover strong,
.promo-box:hover strong a {
    color: #ff8d00;
}

/*Info Blocks*/
.info-blocks:hover i.icon-info-blocks {
    color: #ff8d00;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

/*Line Icon Page
------------------------------------*/
.line-icon-page .item:hover {
    color: #ff8d00;
}

/*GLYPHICONS Icons Page
------------------------------------*/
/*Special styles for displaying the icons and their classes*/

.bs-glyphicons li:hover {
    color: #ff8d00;
}

/*Status Bar
------------------------------------*/
.status-bar li i {
    color: #ff8d00;
}
.share-list li i {
    color: #ff8d00;
}

/*Bootstrap Testimonials
------------------------------------*/
.testimonials-bs .carousel-control-v2 i:hover {
    color: #ff8d00;
    border-color: #ff8d00;
}
/*Latest List*/
.latest-list li {
    padding: 0px 0;
    border-top: 0px solid #353535;
}


/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials-global {
  margin-bottom: 10px;
}

.testimonials-global .testimonial-info {
  color: #72c02c;
  font-size: 16px;
  padding: 0 15px;
  margin-top: 18px;
}

.testimonials-global .testimonial-info span {
  top: 3px;
  position: relative;
}

.testimonials-global .testimonial-info em {
  color: #777;
  display: block;
  font-size: 13px;
}

.testimonials-global .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc;
}

.testimonials-global .testimonial-author {
  overflow: hidden;
}

.testimonials-global .carousel-arrow {
  top: -65px;
  position: relative;
}

.testimonials-global .carousel-arrow i {
  color: #777;
  padding: 2px;
  min-width: 25px;
  font-size: 20px;
  text-align: center; 
  background: #f5f5f5;
}

.testimonials-global .carousel-arrow i:hover {
  color: #fff;
  background: #72c02c;
}

.testimonials-global .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute;
  filter: Alpha(opacity = 100); /*For IE*/
}

.testimonials-global .carousel-control.left {
  right: 27px;
  left: auto;
}
.testimonials-global .carousel-control.right {
  right: 0px;
}

/*Testimonials v1*/
.testimonials-global.testimonials-v1-global .item p {
  position: relative;
}

.testimonials-global.testimonials-v1-global .item p:after,
.testimonials-global.testimonials-v1-global .item p:before {
  left: 80px;
  bottom: -20px;
}

.testimonials-global.testimonials-v1-global .item p:after {
  border-top: 22px solid; 
  border-left: 0 solid transparent;
  border-right: 22px solid transparent;
}

/*Testimonials v2*/
.testimonials-global.testimonials-v2-global .testimonial-info {
  padding: 0 20px;
}

.testimonials-global.testimonials-v2-global p {
  padding-bottom: 15px;
}

.testimonials-global.testimonials-v2-global .carousel-arrow {
  top: -55px; 
}

.testimonials-global.testimonials-v2-global .item p:after,
.testimonials-global.testimonials-v2-global .item p:before {
  left: 8%;
  bottom: 45px;
}

.testimonials-global.testimonials-v2-global .item p:after {
  border-top: 20px solid; 
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
}

/*General Testimonials v1/v2*/
.testimonials-global.testimonials-v1-global p,
.testimonials-global.testimonials-v2-global p {
  padding: 15px;
  font-size: 16px;
  font-style: italic; 
  background: #f5f5f5;
}

.testimonials-global.testimonials-v1-global .item p:after,
.testimonials-global.testimonials-v2-global .item p:after {
  width: 0; 
  height: 0;
  content: " ";
  display: block; 
  position: absolute; 
  border-top-color: #f5f5f5;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/
}


/*--------------------------------------------------
    [app.css]
----------------------------------------------------*/

.headline h2,
.headline h3,
.headline h4 {
    border-bottom: 2px solid #ff8d00;
}

/*Heading Titles v1*/
.title-v1 h1:after,
.title-v1 h2:after {
    background: #ff8d00;
}

/*Headline Center*/
.headline-center h2:after {
    background: #ff8d00;
}

/*Headline Left*/
.headline-left .headline-brd:after {
    background: #ff8d00;
}

/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 .nav-tabs {
    border-bottom: solid 2px #ff8d00;
}
.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {
    background: #ff8d00;
    border: solid 1px #fff;
}

.tab-v1 .nav-tabs > li > a:hover {
    background: #ff8d00;
}

/*Tabs v2*/
.tab-v2 .nav-tabs li.active a {
    border-top: solid 2px #ff8d00;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
    background: #ff8d00;
    border: solid 1px #E87800;
}

@media (min-width: 992px) {
    #shop-link {
        color: #fff;
    }

}

/*Navigation
------------------------------------*/
/*Pagination*/

.pagination li a:hover {
    background: #E87800;
    border-color: #E87800;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #ff8d00;
    background-color: #ff8d00;
}

/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
    background: #E87800;
    border-color: #E87800;
}

/*Pager v2 and v3
------------------------------------*/
.pager.pager-v2 li > a:hover,
.pager.pager-v2 li > a:focus,
.pager.pager-v3 li > a:hover,
.pager.pager-v3 li > a:focus {
    background: #ff8d00;
}

/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
    color: #ff8d00;
}
/*Button Styles
------------------------------------*/
.btn {
    box-shadow: none;
}

/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #FFAB51;
}
.btn-u-split.dropdown-toggle {
    border-left: solid 1px #FFAB51;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
    border-color: #ff8d00;
}
.btn-u.btn-brd:hover {
    color: #FFAB51;
    border-color: #FFAB51;
}
.btn-u.btn-brd.btn-brd-hover:hover {
    background: #FFAB51;
}

/*Badges*/
span.label-u,
span.badge-u,
.list-group-item.active>.badge.badge-u {
    background: #ff8d00;
}

/*Icon Styles For Links*/
.link-icon:hover i {
    color: #ff8d00;
    border: solid 1px #ff8d00;
}

.link-bg-icon:hover i {
    color: #ff8d00;
    background: #ff8d00;
    border-color: #ff8d00;
}
/*Content Boxes v4*/
.content-boxes-v4 i {
    width: 25px;
    color: #ff8d00;
    font-size: 35px;
    margin-top: 10px;
}

/*Content Boxes v5*/
.content-boxes-v5:hover i {
    color: #fff;
    background: #ff8d00;
}

/*Content Boxes v6*/
.content-boxes-v6:hover i {
    background: #ff8d00;
}

.content-boxes-v6:hover i:after {
    border-color: #ff8d00;
}

/*Colored Content Boxes
------------------------------------*/
.service-block-u {
    background: #ff8d00;
}

/*Funny Boxes
------------------------------------*/
.funny-boxes p a {
    color: #ff8d00;
}

.funny-boxes .funny-boxes-img li i {
    color: #ff8d00;
    font-size: 12px;
    margin-right: 5px;
}

/*Text Dropcap*/
.dropcap {
    color: #ff8d00;
}
.dropcap-bg {
    background: #ff8d00;
}

/*Blockquote Styles*/
blockquote:hover,
blockquote.text-right:hover {
    border-color: #ff8d00;
}
blockquote.hero.hero-default {
    background: #ff8d00;
}

blockquote.hero.hero-default:hover {
    background: #FFAB51;
}
/*Tag Boxes v1*/
.tag-box-v1 {
    border-top: solid 2px #ff8d00;
}
/*Tag Boxes v2*/
.tag-box-v2 {
    border-left: solid 2px #ff8d00;
}
/*Tag Boxes v7*/
.tag-box-v7 {
    border-bottom: solid 2px #ff8d00;
}

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials-global .testimonial-info {
    color: #ff8d00;
}

.testimonials-global .carousel-arrow i:hover {
    background: #ff8d00;
}


/*Testimonials Default*/
.testimonials-bg-default .item p {
    background: #ff8d00;
}

.testimonials-global.testimonials-bg-default .item p:after,
.testimonials-global.testimonials-bg-default .item p:after {
    border-top-color: #ff8d00;
}

.testimonials-bg-default .carousel-arrow i {
    background: #ff8d00;
}

.testimonials-global.testimonials-bg-default .carousel-arrow i:hover {
    background: #FFAB51;
}

/*Panel Unify*/
.panel-u {
    border-color: #ff8d00;
}

.panel-u > .panel-heading {
    background: #ff8d00;
}

/*progress-bar (colors)*/
.progress-bar-u {
    background: #ff8d00;
}

/*Count Stars
------------------------------------*/
.stars-existing {
    color: #ff8d00;
}

/*Lists v1*/
.lists-v1 li {
    margin-bottom: 10px;
}

.lists-v1 i {
    background: #ff8d00;
}
/*Lists v2*/
.lists-v2 i {
    color: #ff8d00;
}
.color-orange {
    color: #ff8d00;
}

/*--------------------------------------------------
    [other Css files]
----------------------------------------------------*/

/*Flat Background Block
------------------------------------*/
.flat-bg-block-v1 .checked-list i {
    color: #ff8d00;
    margin-right: 5px;
}
.portfolio-box .portfolio-box-in i {
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 16px;
    font-size: 20px;
    text-align: center;
    background: #ff8d00;
    display: inline-block;
}
.portfolio-box small.project-tag a:hover {
    color: #ff8d00;
}
@media (min-width: 991px) {
    #mobile_logo{
        display: none;
    }
}
@media (min-width: 769px) {
    #mobile_logo{
        margin-top: -25px;
    }
}

/*--------------------------------------------------
    [6. Header - Global Dive Option]
----------------------------------------------------*/

/*Banner Homepage
------------------------------------*/
.banner-home {
    z-index: 1;
    padding: 200px 0;
    position: relative;
    text-align: center;
    background: url(/static/assets/img/pages/home/banner.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

/*add another background so we can darken the 'real' background */
/*
.banner-home:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(0,0,0,0.5);
}
*/

.banner-shop div {
    width: 100%;
    position: relative;
    padding-top: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(/static/assets/img/pages/shop/banner.jpg);
}

.banner-home div {
    height:200px;
}

.banner-home h1 {
    margin-top: 200px;
    color: #ffffff;
    /*color: #ff8d00;*/
    font-size: 50px;
    font-weight: bold;
    text-shadow: 2px 2px #666666;
}

.banner-home p {
    color: #c6c6c6;
    font-size: 30px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}



/*Image Backgrounds v1
------------------------------------*/
.home-background-deep {
    height: 300px;
    padding: 100px 0;
    position: relative;
    background: url(/static/assets/img/pages/home/deep.jpg) repeat fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/*add another background so we can darken the 'real' background */
.home-background-deep:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(0,0,0,0.5);
}


/*Image Backgrounds v2
------------------------------------*/
.home-background-deeper {
    height: 500px;
    top:300px;
    position: relative;
    background: url(../../assets/img/pages/home/deeper.jpg) repeat;
    background-size: cover;
    background-position: center center;
}

.home-background-deeper:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(0,0,0,0.2);
}


/* Services
------------------------------------*/

.services {
    text-align: center;
    margin-bottom:60px;
}

.services h1 {
    color: #ff8d00;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.services blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

.services blockquote {
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-size: 16px;
    font-style: italic;
    width: 100%;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #000000;
    border:0px;
}

.services blockquote cite {
    color: #999999;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

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



/*MenuItem manufacturer
------------------------------------*/

@media (min-width: 992px) {
    .background{
        background: rgba(0, 0, 0, 0.38);
    }
}

.btn-u.btn-brd.btn-u-sea-shop {
    color: #ff8d00;
}


.padding-top150{
    padding-top: 150px;
}

.padding-top15{
    padding-top: 15px;
}
.padding-top-20{
    padding-top: 20px;
}

.bottom-margin-20{
    margin-bottom: 20px;
}

.remove-padding-top{
    padding-top: 0px;
}
.social-links{
    line-height: 23px;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-bottom: none ;
    border-top: none;

}
.padding-5{

}
.text-align-center{
    text-align: center;
}
.content {
    padding-top: 20px;
    padding-bottom: 0;
}



/* Bootstrap Command
------------------------------------*/

.img-rounded{
    border-radius: 10px !important;
}

/* Slider
------------------------------------*/
#sequence-theme .info p {
    /* color: rgba(255, 141, 0, 0.80); */
    color: #fff;
    background: none;
    font-size: 20px;
    padding: 5px 10px;
}

#sequence-theme .info {
    /* color: rgba(255, 141, 0, 0.80); */
    color: #fff;
    background: rgba(12, 12, 12, 0.51);
    font-size: 20px;
    padding: 5px 10px;
}

.sequence-inner {
    border-bottom: none;
    height: 500px;
    position: relative;
    background: url(../../assets/img/pages/home/trip_poorknights.jpg);
    background-size: cover;
    background-position: center center;
}

#sequence-theme .animate-in .info {
    right: 20%;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
}

#sequence-theme .testimonial1 {
    left: -140%;
    top: 150px;
    max-width: 40%;
    z-index: 6;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top;
}
#sequence-theme .animate-in .testimonial1 {
    left: 25%;
    top: 70px;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top;
    z-index: 4;
}
#sequence-theme .animate-out .testimonial1 {
    left: 140%;
    top: -30px;
    z-index: 2;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top;
}
#sequence-theme .testimonial2 {
    left: -50%;
    max-width: 40%;
    top: 800px;
    z-index: 6;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top;
}
#sequence-theme .animate-in .testimonial2 {
    left: 25%;
    top: 100px;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    z-index: 4;
}
#sequence-theme .animate-out .testimonial2 {
    left: 70%;
    top: -900px;
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    z-index: 2;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.bottom-padding-20{
    padding-bottom: 20px;
}

.remove-bottom-padding{
    padding-bottom: 0px;
}

/* Table - Index
------------------------------------*/

.course-table th{
    width:100px;
}
.panel-sea {
    border: none;
}
.panel-sea > .panel-heading {
    background: #ff8d00;
}


/* Footer
------------------------------------*/
#logo-footer{
    width: 200px;
}

.footer-v1 .footer{
    background: rgba(0, 0, 0, 0.38);
    font-size: 16px;
}
/*Copyright*/
.footer-v1 .copyright {
    background: none;
}
.footer-v1 {
    padding: 0px;
    /*background: url(/static/assets/img/pages/home/footer.jpg) repeat;;*/
    background-size: cover;
}

.footer-v1 .footer td {
    padding-right: 5px;
    color: #eee;
}

.footer-v1 .footer-socials li a {
    color: #fff;
    font-size: 16px;
}
.footer-v1 .footer-socials {
    margin-top: 0px;
    text-align: right;
    float: left;
    list-style: none;
    padding-left: 0px;
}
.footer-v1 .footer-socials li a {
    color: #fff;
    font-size: 20px;
    float:left;
}
.list-inline>li {
    display: inline-block;
    padding-right: 25px;
    padding-left: 5px;
}

/* Newsletter
------------------------------------*/
.shop-subscribe {
    background: rgba(255, 141, 0, 0.80);
}
.shop-subscribe {
    padding: 20px 0;
}

.shop-subscribe h2 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    /* text-transform: uppercase; */
}
.shop-subscribe .form-control {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}
.shop-subscribe input,
.shop-subscribe input:focus {
    color: #fff;
    border-color: #fff;
    border-right: none;
    background: transparent;

}
.shop-subscribe .input-group-btn {
    border-color: #fff;
    background: transparent;
}
.btn {
    border: 1px solid #fff;
}

/*
.form-control {
    border: 1px solid #fff;
}
*/
/*.form-control::-moz-placeholder {*/
    /*color: #fff;*/
    /*opacity: 1;*/
/*}*/
/*.form-control:-ms-input-placeholder {*/
    /*color: #fff;*/
/*}*/
/*#newsletter_email::-webkit-input-placeholder {*/
    /*color: #fff !important;*/
/*}*/
.checkbox-list .checkbox{
    font-weight: 500;
}
[placeholder]:focus::-webkit-input-placeholder {
    color: transparent;
}
.shop-subscribe .input-group-btn .btn {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}


.cart_heading{
    /* text-transform: uppercase; */
    font-size: 16px;
}

/* Image Zoom
------------------------------------*/
.image-zoom {
    overflow: hidden;
}

.image-zoom img {
    -webkit-transition: all 0.4s ease; /* Safari and Chrome */
    -moz-transition: all 0.4s ease; /* Firefox */
    -ms-transition: all 0.4s ease; /* IE 9 */
    -o-transition: all 0.4s ease; /* Opera */
    transition: all 0.4s ease;
}

.image-zoom:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

.cursor-pointer{
    cursor: pointer;
}

.remove-padding-top-20{
    padding-top: 0;
    margin-top: -20px;
}

/* Checkout
------------------------------------*/

.box
{
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.box.padding
{
    padding:20px 20px;
}

h3 {
    color: #777777;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
}

.order-notes  p {
    font-size:12px;
    color:#555;
}

.shipping-address {
    display:none;
}

.store-pickup {
    display:none;
}

.payment-info {
    display:none;
}

.shipping-info {
    display:none;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-size:12px;
}

label {
    color:#888;
    font-size:12px;
    line-height:1.42857143;
}

.form-horizontal .label-control {
    text-align:left;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    border:none;
    background: #ffffff;
}

.table thead > tr > th {
    padding:20px 10px;
    background: #fafafa;
}

.background-grey{
    background: #f5f5f5;
    padding-bottom: 25px;
}

@media (min-width: 1200px) {
    .container.checkout {
        width: 970px;
    }
}

.inline-heading{
    display: inline-flex;
}

#button-cart{
    margin-top: 5px;
    padding: 3px 10px;
}

.float-right{
    float: right;
}
div.row.box h3{
    color: #00bae9;
}
.double {
    zoom:2;
    transform:scale(0.5);
    -ms-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    -moz-transform:scale(0.5);
    transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -o-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
.remove-padding-left{
    padding-left: 0;
}
.remove-padding-right{
    padding-right: 0;
}

.padding-right-5{
    padding-right: 5px;
}

.remove-padding{
    padding: 0 0 0 0;
}

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

.li-remove-left-padding li{
    padding-left: 0px;
}

.stock-levels:before {
    content: "In Stock: ";
    color: #555;
}

.checkout-cart {
    font-size: 12px;
}

.center-button {
    margin-left: auto;
    margin-right: auto;
}

.no-underline:hover{
    text-decoration: none;
}

.forgot-password-field,
.checkout-forgot-password-field{
    display: none;
}

.register-account-field,
.checkout-register-account-field{
    display: none;
}

.mobile-forgot-password-field{
    display: none;
}

.mobile-register-account-field{
    display: none;
}

#reset-password-form{
    margin-top: 25px;
    padding: 15px;
    border: solid;
}
@media (min-width: 781px) {
    .custom-header {
        background: rgba(0, 0, 0, 0.38);
        height: 65px;
    }
}
@media (max-width: 780px) {
    .custom-header{
        background: rgba(0, 0, 0, 0.38);
        height: 80px;
    }
}
@media (max-width: 480px) {
    .custom-header{
        background: rgba(0, 0, 0, 0.38);
        height: 50px;
    }
}

@media (max-width: 991px) {
    .on-resize-top-padding{
        padding-top: 25px;
    }
}

.global-header-logo{
      display: block;
      max-width: 50%;
      height: auto;
}

.remove-margin-top{
    margin-top: 0px;
}
@media (max-width: 991px) {
    #large_cart {
        display: none;
    }
}

@media (min-width: 992px) {
    #small_cart {
        display: none;
    }
}
.shop-product .product-color label {
    width: 100%;
    min-width: 38px;
    height: 38px;
    float: right;
    padding: 4px 4px;
    display: block;
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    background: #f8f8f8;
    text-transform: uppercase;
    border: 2px solid #000000;
    white-space: nowrap;
}
.shop-product .product-size label {
    width: 100%;
    min-width: 38px;
    height: 38px;
    float: right;
    padding: 4px 4px;
    display: block;
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    background: #f8f8f8;
    text-transform: uppercase;
    border: 2px solid #000000;
    white-space: nowrap;
}

.shop-product .product-color input:hover ~ label {
    color: #ff8d00;
    border-color: #ff8d00;
}
.shop-product .product-color input:checked ~ label {
    color: #ff8d00;
    border-color: #ff8d00;
}
.unclickable {
    color: #dedede !important;
    border-color: #dedede !important;
}

ul.product-color {
    margin-right: 100%;
}
.shop-product .shop-product-prices .details-savings{
    color: #ff000e;
    font-size: 16px;
    margin-bottom: 5px;

}
.shop-product .shop-product-prices .details-savings:before{
    content:"You save: ";
    color: #ff000e;
    font-size: 16px;
    margin-bottom: 5px;

}
.shop-product .shop-product-prices .details-msrp{
    font-size: 16px;
    color: #687074;
    margin-bottom: 5px;
}
.shop-product .shop-product-prices .details-msrp span{
    text-decoration: line-through;;
}
.shop-product .shop-product-prices .details-msrp:before{
    content:"MSRP: ";
    font-size: 16px;
    margin-bottom: 5px;
    text-decoration: none !important;
}

#instructions{
    color: #ff000e;
    /* font-weight: bold; */
}

.hide{
    display: none;
}

.match_text_product_details{
    color: #687074;
    text-shadow: none;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}
.requiredField{
    border-color: #ff000e !important;
    box-shadow: 1px 1px 1px 1px #ff000e;
}
.control-label:after {
   content:" *";
   color:red;
}

.modal{
    z-index: 9999;
}

.stack-under-fa{
    position: static;
    font-size: 11px;
    margin-left: -25px;
    line-height: 100px;
}

.tab-v3 .tab-content {
    padding: 15px;
    background: #fff;
    border: solid 1px #eee;
}

.padding-10{
    padding: 10px;
}

.adjust-width-75{
    width: 75% !important;
}

.modal {
    overflow: scroll;
}

.checkout-trash:hover {
	color: #ff8d00;
    cursor: pointer;
}

.tag-box {
    padding: 5px 10px;
    background: #fff;
    margin-bottom: 5px;
}

.invoice-header {
    color: #555;
    overflow: hidden;
    margin-bottom: 10px !important;
}

.invoice-info {
    margin-bottom: 5px;
}

.table-padding-2 {
    padding: 2px !important;
}

.event-date {
    width: 100px;
    font-size: 14px;
}


.right-margin-20{
    margin-right: 20px;
}

.remove-hover *:hover{
    all:unset !important;
}

.word-wrap{
    white-space: nowrap;
}



/* fixes to page_invoice.css */
/* Invoice Page
------------------------------------*/
@media print {
    * { -webkit-print-color-adjust: exact; }

	.btn-u,
	.header,
    .btn-primary,
    footer,
	.footer-v1,
	.breadcrumbs,
    .footer,
	#topcontrol,
    #alert,
    .modal *,
    .non-printable *{
		display: none;
	}
	.panel {
		border: none;
	}
}

#invoiceModal {
    position: absolute;
    top: 0;
    display: none;
}

.for-print {
    display: none;
}

@media print {
    .for-print {
        display: block;
        position: absolute;
        top: 0;
    }
}

.modal-screen {
    position: absolute;
    overflow: scroll;
}

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



.btn-primary {
  color: #fff;
  background-color: #ff8d00 !important;
  border-color: #FFAB51 !important;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #f07f00;
  border-color: #ed9a50;
}
.btn-primary:hover {
  color: #fff;
  background-color: #f07f00;
  border-color: #ed9a50;
/*  outline-width:2px;
    outline-color: #ed9a50;*/
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #f07f00;
  border-color: #ed9a50;
}

.savings-red{
    color: #c9253c !important;
}
.input-style{
    padding: 5px 10px;
}
.remove-side-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tab-v5 .nav-tabs > li > a {
    border: none;
    color: #687074;
    padding: 6px 0 !important;
    font-size: 18px;
    margin-right: 0;
    background: none;
    text-transform: uppercase;
    border-bottom: solid 1px transparent;
}

.cbp-l-grid-agency-title {
    margin-top: 5px;
    font: 700 17px/24px Lato, sans-serif;
    color: #666;
    text-align: center;
}
.cbp-l-filters-text .cbp-filter-item {
    color: #949494;
    cursor: pointer;
    font: 400 16px/21px Lato, sans-serif;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 10px 0 0;
    display: inline-block;
}

.set-height-68{
    height: 68px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc {
  white-space: normal;
}

.portfolio-item h2 {
    color: #555;
    font-size: 24px;
    margin: 0 0 0 0;
}

.padding-left-right-15{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.m-l-100-p{
    margin-left: 100%;
}

.min-height {
    min-height: 1000px;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #d16900 !important;
    border-color: #d8874e !important;
}

.margin-right-20{
    margin-right: 20px;
}

.hover-pointer:hover{
    cursor: pointer !important;
}

.hover-hand:hover{
    cursor: hand !important;
}

.min-height-grid{
    min-height: 550px;
}

.social{
    -webkit-padding-start: 0px;
}

.social li{
    display:inline;
}

.fb-share-button{
    position:relative;
    top:-6px;
}

.padding-top10{
    padding-top: 10px;
}

.navbar-login{
    margin-left: 20px;
}

.hover-orange:hover *{
	color: #ff8d00;
}

.bring-to-front{
    z-index: 99;
}

.color-white{
    color: #ffffff;
}

/* Image Slider Zoom */
.ms-skin-default .ms-nav-zoom{
    width: 30px;
    background: url(/static/admin/img/icon/267-zoomin@2x.png);
    /* background-position: -89px -26px; */
    height: 30px;
    cursor: pointer;
    top: 52%;
    left: 48%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    background-size: cover;
    background-repeat: no-repeat;
    opacity:0.0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ms-container:hover .ms-nav-zoom{
    opacity:1.0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bring-front{
    z-index: 9999;
}

.color-grey{
    color: #687074;
}

.font-14{
    font-size: 14px;
}

.global-green{
    color: #5cb85c;
}

.global-red{
    color: #ff000e;
}

.dropdown-alert-container-sticky {
    margin: auto;
    top: 3px;
    background: #ffffff;
    z-index: 9999;
    text-align: center;
    width: 98%;
    position: fixed;
    left: 4%;
    margin-left: -3%;
}
.dropdown-alert-container-sticky.scroll-down-alert {
    top: 61px;
}

.dropdown-alert-container-sticky .alert{
    margin-bottom: 0 !important;
}

.dropdown-alert-container {
    margin: auto;
    top: 3px;
    background: #ffffff;
    z-index: 9999;
    text-align: center;
    width: 98%;
    position: fixed;
    left: 4%;
    margin-left: -3%;
}

.dropdown-alert-container .alert{
    margin-bottom: 0 !important;
}