/*******************
    Image Carousel
********************/
.carouselText {
    background-color: rgba(0, 0, 0, .5);
    padding: 1px 15px 24px 21px;
}

.textBox1, .textBox2, .textBox3 {
    position: absolute;
    width: 45%;
}


.hero {
    height: 580px; /*remove*/
    position: relative;
    padding: 75px 0 75px;
   /* background: rgba(0,0,0,0) url(/rnsite1/images/home-hero.jpg) no-repeat;
    background-position: center top;
    background-clip: border-box;
    background-size: cover;
    color: #fff;*/
}

.carousel-container {
    background: #333;
    background-position: center top;
    background-clip: border-box;
    background-size: cover;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.carousels {
    transition: opacity 1s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 80% 0% !important; 
    /*height: 300%;
    width: 100%;*/
    background-attachment: fixed !important;
}

.carousel1 {
    background: rgba(0,0,0,0) url(/rnsite1/images/home-hero.jpg) no-repeat;
}

.carousel2 {
    background: rgba(0,0,0,0) url(/img-shared/groups/home-hero-group.jpg) no-repeat;
}

.carousel3 {
    background: rgba(0,0,0,0) url(/rnsite1/images/home-hero_3.jpg) no-repeat;
}


.active-carousel {
    opacity: 1;
}
    


._x63793371, ._field115, ._x85311365 {
    float: left;
    display: block;
    width: 32%;
}

._x63793371, ._field115 {
    margin-right: 2%;
}

._field115, ._x85311365 {
    margin-top: 22px;
}

/* Animation fade in */

.video {
    position: relative;
    top: 0;
    opacity: 1;
    transition: .6s ease-in-out;
}

blockquote {
    transition: 1s ease-in-out;
    opacity: 1;
}

.fadeIn {
    opacity: 0;
    top: 200px;
}

.thumbnail2 {
    transition: .5s ease-in-out;
    opacity: 1 !important;
}

.fadeIn2 {
    opacity: 0 !important;
}

.form-modal {
    position: fixed;
    z-index: 33333;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
}

.exit-form-modal {
    cursor: pointer;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    color: white;
    position: absolute;
    right: -15px;
    top: -15px;
    /* background: black; */
    border-radius: 100%;
    background-color: rgb(255, 54, 54);
}

.form-modal-hide {
    display: none;
}

.form-modal-background {
    z-index: 22222222;
    -webkit-box-shadow: 0px 0px 10px 2px #000000;
    box-shadow: 0px 0px 10px 2px #000000;
    display: none;
    width: 95%;
    background: #008390;
    position: fixed;
    bottom: 1%;
    right: 3%;
    max-width: 400px;
    padding-bottom: 10px;
}

.form-modal-header {
    height: 60px;
    background: #008390;
    width: 100%;
    position: relative;
}

.arrow-down {
    z-index: 437;
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 20px;
    transform: translate(-50%, 0);
}

._form_1 form {
    width: unset !important;
    margin: 0 !important;
}

#_form_1_submit {
    width: 100% !important;
    background: #008390 !important;
}

._form-title, ._html-code p {
    text-align: center;
    color: #444 !important;
}

ul.navbar-right li:last-child  { display:block !important;}
body {
    /*padding-top: 145px;*/
    font-size: 16px;
}
body.loggedIn {
    /*padding-top: 175px;*/
}
.logos + header > nav.navbar { 
	background-color: #999;
}
.logos + header > nav.navbar a.topmenu-link {
	color: #fff;
}
.internationalText, .embroideryText {display:block}

.navbar:not(.no-border) .navbar-nav>li.dropdown-full>.dropdown-menu {
    height: 80vh;
    max-height: 600px;
    overflow-y: scroll !important;
}

.hero {
	background: rgba(0,0,0,0) url(/rnsite1/images/home-hero.jpg) no-repeat;
    background-position: center top;
    background-clip: border-box;
    background-size: cover;
    padding: 175px 0 175px;
    color: #fff;
}

.hero .container .col-md-7 {
    background-color: unset !important;
}



.cart-summary .col-sm-6:first-child label {
    display: block!important;
}

.cart-summary .col-sm-6:first-child .field-offercode {
    display: block;
}

.scrubs-power img {
    min-width: 200px;
    padding-top: 15px;
}

.promotion-homepage {
    padding: 2px 0 2px !important;
}

.promotion-homepage .container h3 a{
    height: 10px;
    text-align: center !important;
    vertical-align: middle !important;
}

.big-box2{
    background:url(/rnsite1/images/gradient-bkgd.jpg) center center no-repeat fixed;
    background-size:cover;
	padding-bottom: 20px;
	padding-top: 30px;
}

.big-box{
    background:url(/rnsite1/images/gradient-bkgd.jpg) center center no-repeat fixed;
    background-size:cover;
	padding-bottom: 0px;
	padding-top: 10px;
}

li.space {
	padding-bottom: 5px;
	list-style: outside;
	margin-left: -2em;
}

li.space-returns {
	padding-bottom: 10px;
	list-style: outside;
	margin-left: -2em;
}

li.space-number {
	padding-bottom: 5px !important;
}
.big-box2 img{
    margin-bottom:0;
    margin-top:10px;
}

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

h5 {
    font-size: 18px;
}

sup {
    font-size: 0.6em;
}

p {
    
}

ul li {
    font-size: 15px;
}

.our-products-ul {
    list-style: inside;
}

.col-text-width {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}

.page-hero > .container {
    padding-top: 185px;
}

.page-hero > .container .row {
    position: relative;
    top: -45px;
}

.categoryview {
    margin-top: -1px;
}

.emb-include .container {
    padding-left: 0px;
}

ul.new-style {
	margin-bottom:10px;
	columns:1 !important;
	-webkit-columns:1 !important;
	-moz-columns:1 !important;
	list-style: outside;
}

.scrubs-category-homepage .desktop-hide {
    height:100%;
    max-height: 400px;
    overflow: hidden;
    position:relative;
    z-index:-2;
    margin-top:-220px;
}

.scrubs-category-homepage .mobile-hide {
    height:100%;
    max-height: 400px;
    overflow: hidden;
    position:relative;
    z-index:-2;
    margin-top:-250px;
}

.scrubs-homepage .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th  {
    border-top: none !important;
}

.scrubs-homepage th {
    border-bottom: 1px solid #ddd;
}

.content .antimicrobial-ul{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: inside;
}

.scrubs-homepage {
    
}

.content .scrubs-homepage-ul {
    margin-bottom:10px;
	columns:4 !important;
	-webkit-columns:4 !important;
	-moz-columns:4 !important;
	list-style: outside;
}

.content .scrubs-brand-ul {
    margin-bottom:10px;
	columns:2 !important;
	-webkit-columns:2 !important;
	-moz-columns:2 !important;
	list-style: none;
}

.content .cherokee-ww-ul {
    margin-bottom:10px;
	columns:2 !important;
	-webkit-columns:2 !important;
	-moz-columns:2 !important;
	list-style: none;
}

.content .program-overview-ul{
    margin-bottom:5px;
	columns:2;
	-webkit-columns:2;
	-moz-columns:2;
	list-style: inside;
}

ul.about-us-ul {
    margin-bottom:5px;
	columns:2 !important;
	-webkit-columns:2 !important;
	-moz-columns:2 !important;
	list-style: inside;
}

.content .scrubs-homepage-ul li {
    margin-top: 10px;
}

.content .scrubs-category-include{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: none;
}

.collections{
    margin-bottom: 30px;
}

.shop-styles{
    margin-bottom: 30px;
}

/*Video Block*/

.video-block iframe {
    width: 80vw !important;
    height: calc(80vw * 0.565) !important;
    max-height: 300px;
    max-width: 535px;
}

/*.videoWrapper {
    position: relative;
    padding-bottom: 43.65%;
    /* 56.25%;  16:9 */
  /*  padding-top: 25px;
    height: 0;
}

/*.videoWrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper > .frameCover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: none;
}*/


/*********************************
        Create an Account
*********************************/
/*********************************
           Embroidery
*********************************/
/* New Embroidery Page */
.emb-options {
  margin-top:18px;
  padding:8px;
}

.embroidery-default-include {
display: block;
}

.emb-options:after {
  content:"";
  display:block;
  clear:both;
}

.emb-options div {float: left;}

.emb-options h2 {
  margin: 0 0 8px 0;
  padding: 6px 12px;
  color: #fff;
  text-align: left;
  font-size: 19px;
  background: #008390;
}  

.embroid-size-chart-title {
    background: #008390;
    color: #fff;
}

.emb-price, .emb-images {border-left: solid 2px #fff;}
.emb-price:first-child {width: 60.5%;}
.emb-price:last-child {width: 39.5%;}
.emb-images:first-child {width: 65%;}
.emb-images:last-child {width: 35%;text-align: center;}

.emb-price p {margin:6px 12px;}

/*********************************
           Breadcrumbs
*********************************/
.breadcrumb a {
    color: #008390;
}

/*********************************
        Communication Tools
*********************************/
.content .communication-ul {
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: inside;
  padding-left:0px;
}

/*********************************
            Our Products
*********************************/
.cookiesPolicy h4 {
    text-decoration: underline;
}

/*********************************
            Our Products
*********************************/
.cherokeeImage {
    position: relative;
    top: 20px;
}


.carousel{
    background: #fff;
    margin-top: 20px;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
    /*height: 450px;*/
}
.carouselTest{
	margin: 20px;
    background: #fff;
}

.myCarousel {
    background: #fff;
}

.carousel-control {
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
    color: #000;
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:hover, .carousel-control:focus {
opacity: 10;
filter: alpha(opacity=100);
    color:#f55000;
}

.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 2;
    color: #ff6f29 ;
 }

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.6); 
    margin-bottom: -20px;
    padding-top: 0px;
}
.carousel-caption h3{
    color: #fff;
    padding-bottom: 15px;
}

.carousel-control.left .glyphicon {
    font-size: 60px;
    z-index: 99;
}

.carousel-control.right .glyphicon {
    font-size: 60px;
    z-index: 99;
}

.product-inner {
    height: 685px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel .item .product {
   
}

.carousel-indicators li {
    vertical-align: bottom !important;
}

/*.carousel-inner {
  overflow: visible !important;
}*/

.carousel-caption {

}

#myCarousel .list-group-item {
    padding: 7.6px 15px !important;
}


@media screen and (max-width:812px) {
    .home-page-header {
        position: relative;
        top: -65px;
    }

    .carousel1 {
        background: rgba(0,0,0,0) url(/rnsite1/images/home-hero.jpg) no-repeat;
        background-position: 73% 100px !important;
         background-size: 252% !important;
    }

    .carousel2 {
        background-size: 252% !important;
        background-position: 92% 80px !important;
        background: rgba(0,0,0,0) url(/img-shared/groups/home-hero-group.jpg) no-repeat;
    }

}



/*****************************************
            Size Chart Styles
*****************************************/
/*[data-target="#SizeChart"] { 
    margin: -2px 0px 0px -70px;
    position: absolute;
    width: 100px;
}*/
@media all and (max-width:480px) {
    .product-description {
       margin-top:30px;
    }
    .product-mfgLogo {
        width: 30%;
        margin: 0px auto;
        display: block;
    }
}


@media all and (max-width:414px) {
    .model-dialog {
        left: -39px !important;
        top: 140px !important;
    }
}

/*****************************************
            Shipping Handling
*****************************************/
.spacing-shipping-handling tr {
    height: 40px;
}

.info-shipping-handling .success {
    background: #d2d8dc !important;
}

/*****************************************
            Customer Service
*****************************************/
.customerServiceWrapper {
	margin: 0 auto;
	width: 800px;
	padding:10px;
	float:left;
}

.content .customerService{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: inside;
}

.content .customerServiceGroups{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: inside;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content .customerServices{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: none;
}

.customerSer {
    margin-top: -30px;
    margin-bottom: -20px;
}

.CustomerSerForm .input-md{
    max-width: 400px;
    width: 100%;
}

.CustomerSerForm .input-md{
    max-width: 500px;
    margin-bottom:10px;
    width: 100%;
}

.CustomerSerForm .special-field-serv{
    max-width: 500px;
    margin-bottom:10px;
    width: 100%;
}

.CustomerSerForm .form-group{
    padding: 0px !important;
}

div#groups-contact-form-group .btn-block{
    max-width: 150px;
    width: 100%;
    height: 50px;
    border: 1px solid;
    border-radius: 5px;
}

.rfi-form-styles .form-group input {
    margin: 0px !important;
}

/*****************************************
            Returns Exchanges
*****************************************/
.content .returns-exchanges{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: none;
}
/*****************************************
            Product Carousel
*****************************************/
.carousel-indicators-product {
            display: none;
        }

.product-caption {
    height: 275px;
    margin-bottom: -294px;
}

.item .carousel-caption p {
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
}

.product-caption {
    background-color: #737B85 !important;
}

.product-caption h3 {
    text-shadow: none;
}

.product-caption p {
    text-shadow: none;
}

.box-feature a {
    color: #ff6f29;
}

.navbar-fixed-top .logos{
    background-color: #fff;
    padding-top: 10px;
}

.navbar-fixed-top .navbar {
    border-radius: 0px;
}

.group-logo {
    margin-left: 13px;
}

.internationalText {
    display: block;
}

.embroideryText {
    display: block;
}

/********************************
        Footer Sign Up
********************************/
.input-group-special {
    margin: auto;
}

.input-group-addon:first-child a {
    color: #fff !important;
    text-decoration: none;
}

.input-group-addon:first-child{
    border-right: 1px solid white;
    border-left: 1px solid white;
    width: 600px;
}

.input-group-mobile-special {
    margin: auto;
}

.footer-special {
    padding: 10px;
}

/*********************************
            Sign In
*********************************/
form[name=f_0_53_1_5] .form-link {
padding-top: 4px;
}
@media all and (max-width:768px) {
form[name=f_0_53_1_5] .form-link {
padding-top: 14px;
}
}

/********************************
            Site Map
********************************/
.content .site-map-ul{
    columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  list-style: inside;
    list-style-type: none;
}

.content .site-map-ul li a{
    color: #000;
    line-height: 25px;
}

.content .site-map-ul li a:hover{
    color: #ff6f29;
}

.site-map h3 a{
    color: #000;
}

.site-map h3 a:hover{
    color: #ff6f29;
}

.site-map-mobile li{
    list-style-type: none;
}

.site-map-mobile li a{
    color: #000;
}

.site-map-mobile h3 a{
    color: #000;
}

.site-map-mobile li a:hover{
    color: #ff6f29;
}

.site-map-mobile h3 a:hover{
    color: #ff6f29;
}

/*****************************************
        Request for Information
*****************************************/
.rfi-form-styles .form-group .form-control{
    width: 100%;
    margin-bottom: 10px;
}


.rfi-form-styles .form-group{
    margin-bottom: 15px;
    padding: 0px 10px;  
}

.groupContactForm .rfi-form-styles input[type=submit].btn-block {
    max-width: 150px;
    width: 100%;
    height: 50px;
    border: 1px solid white;
    border-radius: 5px;
    float:left;
}

.groupContactForm .rfi-form-styles .input-md {
    height: 40px;
}

.rfi-img a{
    background: url(/rnsite1/images/static-includes/woman-form1.png);
    height: 575px;
    display:block;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    width: 300px;
    color: #fff !important;
}

.freedemo {
    float: left;
    padding-left: 36px;
}

/********************************
        Search Bar CSS
********************************/
@media all and (width:768px) {
    .navbar-form {
      margin-top:-4px;
    }
}
/********************************
         Error Message
********************************/
@media all and (max-width:768px) {
.container-modal {
    width: 80%;
}
}
/********************************
               FAQ
********************************/
.faq-rnsite1 #top ul {
    columns:1 !important;
	-webkit-columns:1 !important;
	-moz-columns:1 !important;
}

.faq-rnsite1 #top ul li {
    list-style-type: none;
}

.FAQ h3 span { 
  margin-top: -175px;        /* Size of fixed header */
  padding-bottom: 175px; 
  display: block; 
}
/********************************

********************************/
@media only screen and (max-width: 1440px) {
    .product-pricestring small { display:block; }
}
/********************************
        Media Querie - 1200
********************************/
@media only screen and (max-width: 75em) {
    .product-caption {
        width: 600px;
        margin-left: -20px;
    }
    .btn-case-study {
        margin-bottom: 10px;
    }
    #myCarousel .list-group li h4 {
        margin: 4.52px;
    }
}
/********************************
        Media Querie - 1000
********************************/
@media only screen and (max-width: 62.5em) {
       .product-caption {
        margin-left: -100px;
           height: 300px;
       }
        .carousel-indicators li{
            position: relative;
            top: 12px;
            left: 0px;
        }
}
/********************************
        Media Querie - 980
********************************/
@media only screen and (max-width:61.250em) {
    .social-phone-cta .col-md-4 {
    text-align: center;
    line-height:38px;
    }
    #myCarousel{
        height: 570px !important;
    }
}

/********************************
        Media Querie - 850
********************************/
@media only screen and (max-width:53.125em) {
   /* body.loggedIn {
        padding-top: 175px;
    }*/
     .navbar .nav>li>a {
        padding: 10px 8px;
    }
    .categoryview {
        margin-top: -4px;
    }
    .navbar-fixed-top .logos {
        margin-bottom: -1px;
    }
    .scrubs-homepage .table {
        display: none !important;
    }
    
}

/********************************
        Media Querie - 768
********************************/
@media only screen and (max-width: 48em) {
    .carousel-product .carousel-control.left,
    .carousel-product .carousel-control.right {
        position: absolute;
        top: 100px;
    }
    /*body.loggedIn {
        padding-top: 170px;
    }*/
    .product-mfgLogo {
        width: 100px;
    }
    #searchButton { width: 21% !important; margin-top: 8px;}

   /* Remove */
    .textBox1, .textBox2, .textBox3 {
        width: 94%;
         top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .twelveDays {
        display: none !important;
    } 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
      .logo-group {
        width: 200px;
      }
      /*body{
        padding-top: 116px;
      }*/
}
/********************************
        Media Querie - 650
********************************/
@media only screen and (max-width: 40.625em) {
    #myCarousel{
        height: 520px !important;
    }

    .clearance {
        background-color: rgba(0, 0, 0, .5);
        padding: 10px;
    }
}

/********************************
        Media Querie - 630
********************************/
@media only screen and (max-width: 39.375em) {
       .product-caption {
        width: 100%;
        max-width: 575px;
           margin-left: -81px;
       }
        .carousel-indicators li{
           
        }
       .scrubs-power {
        display: none;
        }
}

/********************************
        Media Querie - 600
********************************/
    @media only screen and (max-width: 37.500em){
        .carousel-indicators li{
            display: none;
        }
    }

/********************************
        Media Querie - 550
********************************/
@media only screen and (max-width: 34.375em){
    #myCarousel{
        height: 450px !important;
    }   
}

/********************************
        Media Querie - 500
********************************/
@media only screen and (max-width: 31.250em){

    }

/********************************
        Media Querie - 480
********************************/
@media all and (max-width:480px) {
    .cart-heading h1 small {
       display:block;
    }
}
/********************************
        Media Querie - 450
********************************/
@media only screen and (max-width: 28.125em) {
       .product-caption {
            margin-left: -50px;
       }
        .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
            position: absolute;
            top: 200px;
            left: -8px;
        }
        .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
            position: absolute;
            top: 200px;
            left: 6px;
        }
        .product-caption {
            height: 375px;
            margin-bottom: -394px;
        }
    .carousel-product .carousel-control.left,
    .carousel-product .carousel-control.right {
        top: 0px;
    }
    .content .cherokee-ww-ul {
        margin-bottom:10px;
        columns:1 !important;
        -webkit-columns:1 !important;
        -moz-columns:1 !important;
        list-style: none;
    }
    .content .program-overview-ul{
        margin-bottom:5px;
        columns:1 !important;
        -webkit-columns:1 !important;
        -moz-columns:1 !important;
        list-style: inside;
    }
    ul.about-us-ul {
        margin-bottom:5px;
        columns:1 !important;
        -webkit-columns:1 !important;
        -moz-columns:1 !important;
        list-style: inside;
    }
    #myCarousel {
        height: 370px !important;
    }
}

/********************************
        Media Querie - 400
********************************/
@media only screen and (max-width: 25em) {
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
            position: absolute;
            top: 150px !important;
            left: -19px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
            position: absolute;
            top: 150px !important;
            left: 3px;
    }
    #myCarousel {
        height: 300px !important;
    }
}

/********************************
        Media Querie - 350
********************************/
@media only screen and (max-width: 21.875em) {
    /*body {
        padding-top: 130px !important;
    }
    body.loggedIn {
        padding-top: 185px !important;
    }*/
    .product-image {
        padding-top:30px;
    }
    .product-mfgLogo {
        width: 100px;
    }
}

/********************************
        Media Querie - 320
********************************/
@media only screen and (max-width: 20em) {
    .scrubs-homepage{
        margin-top: 30px;
    }
    /*body {
        padding-top: 130px !important;
    }*/
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
            position: absolute;
            top: 95px !important;
            left: -19px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
            position: absolute;
            top: 95px !important;
            left: 3px;
    }
    #myCarousel {
        height: 250px !important;
    }
}
.navbar-right .form-control {
    display: inline-block;
}
/*******************************
      Banner @ Top of Page
*******************************/
	/*body, header {margin-top:35px;}
	#top_banner_ad { position:fixed;display:block;z-index:4000;line-height:35px;overflow:hidden;vertical-align:middle;height:35px;top:0px;text-align:center;background-color:#F55000;width:100%}
	#top_banner_ad .right_side { display:block;width:auto;color:#777;font-size:12px;transition:all 0.3s;top: 0px;position: absolute;right: 0px;}
	#top_banner_ad .right_side i { font-size:18px;}
	#top_banner_ad .right_side a { color:#333;transition:all 0.3s;margin:auto 10px auto 5px;}
	#top_banner_ad .right_side a:nth-child(1) { background-color: #ff6f29;padding:10px 10px;}
	    
	#top_banner_ad  a:hover { color:#111;transition:all 0.3s;text-decoration:none}
	@media all and (max-width:768px) {
		#top_banner_ad .right_side {margin:auto;float:right;padding:0px;width:100%;text-align:right;}
	}
	@media all and (max-width:480px) {
		#top_banner_ad .right_side {margin:auto;float:right;padding:0px;width:100%;text-align:center;font-size:smaller}
	}
	#top_banner_ad { background-color:#F7F7F7;}

/*******************************
      SmartScrubs Modal
*******************************/
.pure-css-bootstrap-modal .error {color: #FF0000;}

@-webkit-keyframes remover {
0%   {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10%  {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60.01%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
100%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
}

@-moz-keyframes remover {
0%   {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10%  {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60.01%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
100%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
}

@-o-keyframes remover {
0%   {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10%  {opacity:0;display:none;max-width: 0px;width:0px;left: -150%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50vw - 235px);right:50%;}
60.01%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
100%  {opacity:0;display:none;max-width: 0px;width:0px;left:-150%;right:150%;}
}


@keyframes remover {
0%   {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left: -150%;right:150%;}
10%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left: -150%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50% - 235px);right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: calc(50% - 235px);right:50%;}
60.01%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-150%;right:150%;}
100%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-150%;right:150%;}
}
@keyframes removerEDGE {
0%   {opacity:1;display:none;max-width: 0px;width:480px;height:520px;left: -150%;right:150%;}
10%  {opacity:1;display:none;max-width: 0px;width:480px;height:520px;left: -150%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: 1%;right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left: 1%;right:50%;}
60.01%  {opacity:1;display:none;max-width: 0px;width:480px;height:520px;left:-150%;right:150%;}
100%  {opacity:1;display:none;max-width: 0px;width:480px;height:520px;left:-150%;right:150%;}
}
@-ms-keyframes remover {
0%   {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-200%;right:150%;}
10%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-200%;right:150%;}
10.1%  {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left:1%;right:50%;}
60% {opacity:1;display:block;max-width: 1920px;width:480px;height:520px;left:1%;right:50%;}
60.01%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-200%;right:150%;}
100%  {opacity:0;display:none;max-width: 0px;width:480px;height:520px;left:-200%;right:150%;}
}

.pure-css-bootstrap-modal #modal-switch:checked ~ .modal 
{	
-webkit-animation-name: remover;
-moz-animation-name: remover;
-ms-animation-name: remover;
-o-animation-name: remover;
animation-name: remover;
-webkit-animation-duration: 600s;
-moz-animation-duration: 600s;
-o-animation-duration: 600s;
animation-duration: 600s;

-ms-animation-duration: 600s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;


}
@supports (-ms-ime-align: auto) { 
	.pure-css-bootstrap-modal #modal-switch:checked ~ .modal {
		animation-name: removerEDGE;
	}
}
.pure-css-bootstrap-modal .modal-dialog {
position:fixed;
max-width: 460px;
margin-left:10px;
height:480px
display: inline-flex;
transition: transform 1.3s ease-in;	
border-radius:10px; 
}

.pure-css-bootstrap-modal .modal-backdrop {
display:none !important;
}

.pure-css-bootstrap-modal .modal-body {
background-image:url('/rnsite1/images/sign-up.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
height: 580px;
padding: 150px 20px 0px;
background-color: #fff;
border-radius:10px;
border:1px solid #e7e7e7;
border-top:none;
margin-top:-40px;
}

.pure-css-bootstrap-modal .modal-header {
z-index:50000000;
position:absolute;
border:none;
right:0px;
top:-40px;
}

.pure-css-bootstrap-modal .close {color:white;opacity:1}

.pure-css-bootstrap-modal .modal-content {
position: absolute;
height: auto;
text-align:center;
background-color: #fff;
display: block;
border-radius:10px;
}

.pure-css-bootstrap-modal #form17 {
background-color: rgba(255,255,255,0.86);
border:1px solid #e7e7e7;
border-radius:6px;
padding:0px 20px 10px;
height: 415px;
min-width:155px;
width:100%;
margin:auto;
}
.pure-css-bootstrap-modal #form17 header {
margin-top:0px;
}
.pure-css-bootstrap-modal #form17 .form-control {
display: inline-block;
}

.pure-css-bootstrap-modal #form17 button.form-control  {
display: inline-block;
width:100px;
margin-top:46px;
margin-left:137px;
}

.pure-css-bootstrap-modal #form17 input {
width:80%;
margin:2px 10%;
}

.pure-css-bootstrap-modal .modal-footer {
display:none;
}

.pure-css-bootstrap-modal {
position: absolute; /* Don't take any space. */
color:blue !important;    z-index: 9999999;
}

.pure-css-bootstrap-modal label.close {
padding: 0;
margin: 0;
}

.pure-css-bootstrap-modal #modal-switch {
display: none;
}

.pure-css-bootstrap-modal .form-group {
    padding-bottom: 0px !important;
}

/* MODAL */
.pure-css-bootstrap-modal  .modal {
transition: transform 1.3s ease-in;
display: block;
position: fixed;
top:100px;
top: calc(50vh - 300px);
left: -150%;
right:150%;
bottom:50%;
z-index: 22;
overflow: hidden;
opacity:1;
max-width: 1920px;width:480px;height:520px;
}

.pure-css-bootstrap-modal #modal-switch:not(:checked) ~ .modal {
opacity:0;
max-width: 0px;	
}

.pure-css-bootstrap-modal #modal-switch:checked ~ .fade, #modal-switch:checked ~ .modal .fade {
opacity: 1;
}

.pure-css-bootstrap-modal #modal-switch:not(:checked) ~ .modal, .modal-backdrop
{
width:0px;margin: 0;
max-width:0px;
height:0px;	
display: none;  
}


.pure-css-bootstrap-modal #modal-switch:checked ~ .modal .modal-dialog, .modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, 0%);
z-index: -1;
}

@media all and (max-width:480px) and (orientation:portrait) {
h3, .h3 { font-size:18px; }
h4, .h4 { font-size:14px; }
.pure-css-bootstrap-modal .modal {
top:50px !important;
left: -200% ;
right: auto !important;
bottom: auto !important;}
}
@media all and (max-width:360px) and (orientation:portrait) {
h3, .h3 { font-size:16px; }
h4, .h4 { font-size:13px; }
.pure-css-bootstrap-modal .modal {
top:48px !important;
padding-left:17px;}
}
@media all and (max-width:320px) and (orientation:portrait) {
h3, .h3 { font-size:16px; }
h4, .h4 { font-size:13px; }
.pure-css-bootstrap-modal .modal {
top:40px !important;
padding-left:72px;}
.pure-css-bootstrap-modal .modal-header {
    top: -20px;
}
}
@media all and (max-width:768px) and (orientation:portrait) {
	.pure-css-bootstrap-modal .form-group {
		margin-bottom:0px;
	}	
}
@media all and (max-width:480px) and (orientation:portrait) {
	.pure-css-bootstrap-modal .modal-dialog {
		margin-left:0.5vw;
	}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (max-width:480px) and (orientation:portrait) {
	.pure-css-bootstrap-modal .modal-dialog {
		margin-left:11vw;
	}
}

.form-section {
    margin: 10px 0 !important;
}

#StaffEmailTable {
    margin-bottom: 0 !important
}

.style-status {
    font-weight: bold;
    color: #ff6f29;
}

.product-availability {
  display: table-cell !important;
}