/* 

CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

footer {

}

h3 {
  font-weight: 400;
  padding: 0;
  margin-bottom: 20px;
  display: inline-block;
  color: #333;
}

h3 b{
  font-weight: 700;
}

h2 {
  font-weight: 400;
  padding: 0;
  margin-bottom: 28px;
  display: inline-block;
  color: #333;
}

h2 b{
  font-weight: 700;
}

b {
  font-weight: 600;
}

a {
  cursor: pointer;
}


.landing-logo{
	margin-top: 30px;
}

.slide {
  position: relative;
}

.slide.ng-leave, .slide.ng-enter {
  -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -ms-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  
  position:absolute;
  left: 0;
  right: 0;
}

.slide.left.ng-enter,
.slide.right.ng-leave.ng-leave-active {
  left: 100%;
  opacity: 0;
}

.slide.left.ng-enter.ng-enter-active,
.slide.left.ng-leave,
.slide.right.ng-enter.ng-enter-active,
.slide.right.ng-leave {
  left:0;
  opacity: 1;
}

.slide.left.ng-leave.ng-leave-active,
.slide.right.ng-enter {
  left: -100%;
  opacity: 0;
}

.view {
  width: 500px;
  height: 300px;
  
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  
  padding: 10px;
}

.btn-review {
  margin-top: -40px
}

.btn-review span, .btn-review input {
  height: 47px !important;
  line-height: 46px !important;
  font-size: 16px !important;
  padding: 0 22px !important;
  font-weight: 600 !important;
}

.btn-big span, .btn-big input {
  height: 47px !important;
  line-height: 46px !important;
  font-size: 16px !important;
  padding: 0 22px !important;
  font-weight: 600 !important;
}

.btn-large span, .btn-large input {
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 0 14px;
  font-weight: 500;
}

.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: 5px 5px 5px 0px;
  line-height: 1.428571;
  vertical-align: top;
  border-bottom: 1px solid #dddddd;
}

.table > tbody > tr > td {
  background: url('images/add-to-basket.png') 234px 4px no-repeat;
}


.table > tbody > tr > td:hover {
  background: url('images/add-to-basket.png') 234px -19px no-repeat;
}

.widget-recent-comments .widget-title, .widget-recent-stories .widget-title {
  margin-bottom: 20px;
}

.components {
  padding: 7px;
}

.components-view-wrapper {
  margin-left: -30px;
}

.item-component {
  clear: both;
  margin-left: 15px;
}

.component {
  float: none;
  display: table-cell;
  vertical-align:middle;
  padding-right: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.428571429;

}

.component-wrapper {
  background: #ffffff;
  margin-top: 15px;
  transition: background 300ms;
  padding: 10px;
  cursor: pointer;
  background-position: 0px 88px;
}

.component-wrapper:hover {
  background: url('images/cpt_hover.png') no-repeat #f8f8f8;
  background-position: 0px 88px;
}

.packbuilder-page {
  margin-top: 15px;
}



.steps {
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;

}

.steps0 {
  background: url('images/steps-line.png') no-repeat;
  background-position: 0px 29px;
}

.steps1 {
  background: url('images/steps-line1.png') no-repeat;
  background-position: 0px 29px;
}

.steps2 {
  background: url('images/steps-line2.png') no-repeat;
  background-position: 0px 29px;
}

.steps3 {
  background: url('images/steps-line3.png') no-repeat;
  background-position: 0px 29px;
}

.steps4 {
  background: url('images/steps-line5.png') no-repeat;
  background-position: 0px 29px;
}


.step {
  text-align: center;
  position:relative;
}

.step_img {
  padding-bottom: 16px;
  z-index: 9;
  top: 8px;
  position: relative;
}

.step_text_active {
  background: #f1f1f1;
  padding: 10px;
}

.step_text_chosen_cat {
background: #f1f1f1;
padding: 10px;
text-align: center;
width: 200px;
position: relative;
right: 19px;

}

.step_text {
  font-size: 13px;
  color: #939598;
}

#div-1 {
  position:relative;
}
#step1_img {
  position:absolute;
  top: 2px;
  left:0;
}
#step2_img {
  position: absolute;
  top: 2px;
  left: 40px;
}
#step3_img {
  position: absolute;
  top: 2px;
  left: 61px;
}
#step4_img {
  position: absolute;
  top: 2px;
  left: 72px;
}
#step5_img {
  position: absolute;
  top: 2px;
  left: 60px;
}
#step1_text {
  position: absolute;
  top: 1px;
  right: 85px;
}

#step2_text {
  position: absolute;
  top: 1px;
  right: 21px;
}

#step3_text {
  position: absolute;
  top: 1px;
  right: 33px;
}

#step4_text {
  position: absolute;
  top: 1px;
  right: 75px;
}

#step5_text {
  position: absolute;
  top: 1px;
  right: 140px;
}

.landing-block padding: {
  line-height: 24px;
}

.clickable:hover .step_text{ 
  color:#000;
  font-weight: 600;
}

.category {
  text-align: center;
}

.category_img {
  padding-bottom: 15px;
}

.boxed {
  background: #fff;
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
}

.codes-wrapper table{
  background: #FFF;
  font-size: 12px;
}

.codes-wrapper thead{
  background: #FFF;
  color: #000;
  font-weight: 600;
  border-bottom: #333;
}

.codes-wrapper {
  z-index: 10;
  background: #FFF
}

.codes-wrapper tr{
  cursor: pointer;
}

.fleft{
  float: left;
}


.col-cpt{
  float:left;
  width: 272px;
}
.row-cpt{
 display:block;
}

.product-list {
  font-size: 13px;
}

.cpt-qty-review{
  padding-top: 53px;
  padding-left: 25px;
  text-align: center;
}

.cpt-qty-review input{
  width: 80px;
}

.product-description .product-name {
  font-size: 13px;
}

.product-review-header{
  font-weight: 600;
}

.basket-item {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
}

.basket-name-wrapper {
  width: 150px;
}

.col-md-9-custom {
  width: 71.1%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-3-custom {
  width: 28.9%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.basket-cpts {
  padding: 15px 15px 22px 23px;
  font-size: 11px;
  margin-left: -24px;
  margin-right: -24px
}

.basket-odd{
  background-color: #f9f9f9;
}

.btn-disabled {
  opacity: 0.3;
  margin-top: -30px !important;
}


.btn-disabled:hover span, .btn-disabled:hover input {
  opacity: 1 !important;
  cursor: not-allowed;
}


.filters-row {
  margin-bottom: -5px;
}

.filters-group {
  margin: -5px 0px 0px 0px !important;
}

.search-box {
  margin-left: 15px;
}

.empty-basket {
  color: #858585;
  text-align: center;
  font-size: 12px;
  background: url('images/empty-basket.png') no-repeat;
  height: 237px;
  background-position: 39px 10px;
  vertical-align: bottom;
  padding-top: 178px;
  margin-top: 15px;
}

.empty-basket-review {
  text-align: center;
  font-size: 22px;
  vertical-align: bottom;
}

.basket-actions {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.basket-qty {
  float: left;
  width: 40px;
  margin-right: 10px;
}

.remove-cpt {
  background: url('images/remove_cpt.png') no-repeat;
  height: 25px;
  width: 20px;
  float: right;
}

.remove-cpt:hover{
  cursor: pointer;
  background-position: 0 -25px;
}

.basket-no-bottom-padding {
  padding: 22px 24px 0px !important;
}

input[type="text"], input[type="password"], textarea, .select_styled {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="qty"], .select_styled {
  display: block;
  width: 100%;
  height: 25px;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  text-align: center;
}

input[type="searchbox"], .select_styled {
  display: block;
  width: 100%;
  height: 35px;
  padding: 10px 10px 10px 32px;
  font-size: 13px;
  line-height: 1.228571;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image:url('images/search-icon.png');
  background-repeat:no-repeat;
  background-position: 10px 8px;
  border: 0px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 1s, box-shadow ease-in-out 1s;
  transition: border-color ease-in-out 1s, box-shadow ease-in-out 1s;
}

input[type="custom_cpt"], .select_styled {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1;
  color: #000;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

textarea[type="custom_cpt"], .select_styled {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1;
  color: #000;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.custom-cpt-input-name::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
  line-height: 1.5;
}

.custom-cpt-input-name:-moz-placeholder {
  color: #ccc;
  font-size: 13px;
  line-height: 1.5;
}​

#custom-cpt-input-description::-webkit-input-placeholder
{
  color: #ccc; font-size: 13px; line-height: 1.5;
}

input::-webkit-input-placeholder {color: #ccc; font-size: 13px; line-height: 1.5;}
input:-moz-placeholder {color: #ccc; font-size: 13px; line-height: 1.5;}
textarea::-webkit-input-placeholder {color: #ccc; font-size: 13px; line-height: 1.5;}
textarea:-moz-placeholder {color: #ccc; font-size: 13px; line-height: 1.5;}

.qty-up {
  background: url('images/qty-up.png') no-repeat;
  height: 12px;
  width: 22px;
  display: block;
  margin-left: 8px;
  margin-bottom: 2px;
}

.qty-up:hover {
  background-position: 0 -12px;
}

.qty-down {
  background: url('images/qty-down.png') no-repeat;
  height: 12px;
  width: 22px;
  display: block;
  margin-left: 8px;
  margin-top: 3px;
}

.qty-down:hover {
  background-position: 0 -12px;
}

.codes-to-add:hover{
  background-color: #eee !important;
}

.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd){
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd){
  background-color: #f9f9f9;
}


.basket-cpt-name {
  font-style: normal;
  font-size: 12px;
  line-height: 13px;
}

.basket-cpt-specs {
  color: #666;
  font-size: 11px;
  color: #b10000;
  line-height: 18px;
}

.btn-white span:hover, .btn-white input:hover, .btn.hover span {
  color: #333;
  background: #FFF;
}

.btn-filter.active span{
  color: #fff;
  background: #2d4f09;
}

.form-control:focus {
  border-color: #9fa39a;
  border: none;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(45, 79, 9, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(45, 79, 9, 0.6);
}

.animate-enter { -webkit-transition: 1s linear all; /* Chrome */ transition: 1s linear all; opacity: 0; }

.basket-title {
margin-top: -22px;
margin-bottom: 0px !important;
margin-left: -24px;
margin-right: -24px;
padding: 13px 15px 14px 15px;
background: #2d4f09;
color: #FFF;
font-size: 16px !important;
font-weight: 700;
}

.basket-icon-empty {
  background: url('images/basket-icon-empty.png') no-repeat;
  background-position: 0px 0px;
  height: 80px;
  width: 80px;
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: -26px;
}

.basket-icon-low {
  background: url('images/basket-icon-low.png') no-repeat;
  background-position: 0px 0px;
  height: 80px;
  width: 80px;
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: -26px;
}

.basket-icon-medium {
  background: url('images/basket-icon-medium.png') no-repeat;
  background-position: 0px 0px;
  height: 80px;
  width: 80px;
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: -26px;
}

.basket-icon-high {
  background: url('images/basket-icon-high.png') no-repeat;
  background-position: 0px 0px;
  height: 80px;
  width: 80px;
  float: right;
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: -26px;
}

.basket-cpts-wrapper {
  padding: 0px 0px 0px 0px;
}

.add-custom-cpt-wrapper {
  margin-top: 15px;
  background: #fff;
}

.custom-cpt-wrapper {
  padding: 25px;
}

.custom-cpt-wrapper > .label_title {
  font-size: 13px;
}

.custom-cpt-wrapper > .label_title span{
  font-size: 11px;
  color: #939598;
}

.create-custom-btn {
  margin-top: 15px;
}

.widget-profile .subtitle {
  display: block;
  margin-bottom: 24px;
  font-size: 13px;
  color: #999;
}

.custom-title {
  margin-bottom: 5px;
}

.widget-custom-cpt {
  background: #FFF url('images/custom_icon.png') no-repeat;
  background-position: 189px 19px;
  margin-bottom: 15px;
}

.widget-custom-cpt-small {
  background: #FFF url('images/custom_icon_small.png') no-repeat;
  background-position: 218px 17px;
  margin-bottom: 15px;
}

.widget-help {
  background: #FFF url('images/help_icon.png') no-repeat;
  background-position: 185px 18px;
  margin-bottom: 15px;
}

.widget-help span{
  padding-bottom: 5px;
}

.custom-title {
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.custom-subtitle {
  font-weight: 300;
  font-size: 13px;
  color: #999999;
  line-height: 18px;
}

.filter-row-fixed {
  position:fixed;
  top:0;
  z-index: 9999;
  width: 802px;
  background: #f1f1f1;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 75px;
}

/** HEADER **/

/*------ header ------- */
.header-block { background: #FAFAFA; border-bottom: 1px solid #E0E0E0; }
.header-block-no-border-bottom { background: #FAFAFA; border-bottom: 0px solid #E0E0E0; }

header { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E0E0E0; border-top: 5px solid #7c958a; position: relative; z-index: 999; }

.header-done {
  border-top: 5px solid #1d4533;
}

/* navbar */
.navbar_ { margin: 0px; }

.navbar_ .navbar-inner { padding: 0; margin: 0; background: url(../img/navbar.png) 0 0 repeat-x; border: none; min-height: inherit; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*nav*/
.navbar_ .container { position: relative; }

.navbar_ h1.brand { display: inline-block; margin: 0; padding: 0; text-transform: none; float: left; }

.navbar_ h1.brand a { display: block; font-size: 0; line-height: 0px; text-indent: -5000; width: 170px; height: 82px; background: url('images/logo_header.png') 0 0 no-repeat; }

/**/
.nav-collapse_ { float: right; }

.nav-collapse_ .nav { margin: 0; }

.nav-collapse_ .nav li { margin: 0; padding: 0; position: relative; zoom: 1; }

.nav-collapse_ .nav > li { line-height: 15px; }

.nav-collapse_ .nav li a { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 15px; color: #888888; text-shadow: none; text-decoration: none; display: block; padding: 0 30px; margin: 0; }

.nav-collapse_ .nav > li > a > span { 
  font-size: 14px;
  line-height: 67px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin: 0;
  padding: 0;
}

.nav-collapse_ .nav > li > a > span > em { color: ##959595; display: block; font-size: 10px; font-weight: normal; line-height: 15px; position: relative; top: -24px; }

.nav-collapse_ .nav > li > em { position: absolute; left: 0; bottom: -2px; border-bottom: 1px solid #1d4533; height: 1px; width: 100%; display: none; }

.nav-collapse_ .nav > li.sfHover > em, .nav-collapse_ .nav > li.sfHover:hover > em, .nav-collapse_ .nav > li:hover > em, .nav-collapse_ .nav > li.active > em, .nav-collapse_ .nav > li.active:hover > em { display: block; }

.nav-collapse_ .nav > li.active { color: #333; }

.nav-collapse_ .nav > li.sfHover > a, .nav-collapse_ .nav > li.sfHover > a:hover, .nav-collapse_ .nav > li > a:hover, .nav-collapse_ .nav > li.active > a, .nav-collapse_ .nav > li.active > a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #444; background: none; }

.nav-collapse_ .nav > li.sub-menu > a { position: relative; }

.nav-collapse_ .nav > li.sub-menu > a:before { content: " "; position: absolute; background: url(../img/li-marker.gif) left top no-repeat; width: 5px; height: 6px; right: 22px; top: 50%; margin: -3px -8px 0 0; }

.nav-collapse_ .nav ul { position: absolute; display: none; width: 180px; left: 0px; top: 82px; list-style: none; zoom: 1; z-index: 9; background: #fff; border: 1px solid #ccc; border-top: 1px solid #000; margin: 0; }

.nav-collapse_ .nav ul > li > em { position: absolute; left: 0; top: -6px; z-index: 999; background: url(../img/nav-li-hover.png) 32px 0 no-repeat; height: 5px; width: 100%; display: block; }

.nav-collapse_ .nav ul > li > ul > li > em { background: none; }

.nav-collapse_ .nav ul li { line-height: 15px; }

.nav-collapse_ .nav ul li a { display: block; border-bottom: 1px solid #EEEEEE; line-height: 15px; background: none; padding: 10px; }

.nav-collapse_ .nav > li > ul li > a:hover, .nav-collapse_ .nav > li > ul li.sfHover > a { text-decoration: none; color: #000; background: none repeat scroll 0 0 #FAFAFA; }

.nav-collapse_ .nav ul ul { left: 182px; top: 0; }

#responsive-main-nav-menu { display: none; }


/** END HEADER **/

.view-frame {
  padding-bottom: 30px;
}

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

.contacts-info-wrapper {
  padding: 20px 20px 10px 20px;
  background-color: #FFF;
  width: 340px;
  position: absolute;
  top: 30px;
  left: 19.1%;
}

.contacts-info-wrapper span{
  line-height: 1.3;
}

.contacts-info-wrapper .glyphicon {
  font-size: 20px;
  padding-right: 30px;
  top: 6px;
  color: #333;
}

.contacts-table td{
  padding-bottom: 12px;
  padding-top: 6px;
}

.contacts-table tr{
  border-bottom: 1px solid #ccc;
}

.contacts-table tr:last-child {
  border-bottom: 0px solid #ccc;
}

.container-padded-top {
  padding-top: 0px;
}

.contact-item {
  color: #888888;
}

.select-for-quote {
  width: 100%;
  height: 31px;
  border: 1px solid #ccc;
}

.landing-block {
  background: url('images/landing_image.png') repeat-y;
  height: 418px;
  position: relative;
  top: 0;
  left: 0;
}

.landing-image {
  height: 378px;
  width: 100%;
  position: absolute;
  top: 55px;
  left: 0;
}

.landing_button{
  position: relative;
  top: -82px;
  left: 44%;
  max-width: 1px;
}

.btn-landing span{
  height: 63px;
  line-height: 57px;
  font-size: 27px;
  padding: 0 26px;
  font-weight: 700;
}

.btn-landing:hover span ,
.btn-landing:hover input {
  opacity:1;
  background: #b90a0a;
}

.btn-anotherone span{
  height: 63px;
  line-height: 57px;
  font-size: 27px;
  padding: 0 26px;
  font-weight: 700;
}

.landing_title {
  padding-top: 15px;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 9px;
}

.copyright {
  font-size: 12px;
  padding: 11px 0 7px;
  background: #e4e4e4;
  border-top: solid 1px #ccc;
}

.copyright p.copyright-space {
  margin-top: 5px;
}
.copyright p {
  color: #333;
}

.label_title span{
  color: #888;
  font-size: 11px;
  font-weight: 400;
}

.label_title{
  color: #333;
  font-size: 13px;
  font-weight: 600;
}

.ng-view-content {
  min-height: 925px;
}

.cpt-image {
  position:relative;
  width:70px;
  height:70px;
}
.cpt-image img {
  width:70px;
  height:70px;
  vertical-align:top;
  display: block;
}
.cpt-image:after {
  content:'\A';
  position:absolute;
  width:70px; height:70px;
  top:-70px; left:0;
  background:url('images/zoom-in.png');
  opacity:0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.cpt-image:hover:after {
  opacity:1;
}

.first-cpt {
  border: 1px solid #333;
}

#first-cpt {
  border: 1px solid #333;
}

.click-help {
  height:20px; 
  width:20px; 
  float:right; 
  background: #cdcdcd;
  display:block; 
  position:fixed;
  bottom:0;
  right:0;
  margin-top:-75px;
}

.padded {
  padding: 15px;
}


.concept_start {
  padding-top: 30px;
  background: url('images/concept_start_bg.png') no-repeat;
  background-position: 110% -25px;
}

.concept_start p{
  width: 500px;
  line-height: 24px;
  margin-bottom: 16px;
  font-size: 13px;
}

.concept-list {
  padding-top: 15px;
  padding-bottom: 30px;
}

.concept-list li{
  padding-bottom: 15px;

}

.concept-list a{
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  border-bottom: 0px solid #1d4533;
  padding-bottom: 0px;
  padding-left: 10px;
}

.concept-list a:hover{
  color: #e31919;
  border-bottom: 0px solid #1d4533;
  padding-bottom: 0px;
}

.concept-list .glyphicon {
  padding-right: 10px;
  color: #e31919;
}

.concept {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #333;
}

.concept h3{
  color: #333;
  border-bottom: 1px solid #333;
  font-weight: 500;
  text-transform: uppercase;
}

.concept p{
  width: 685px;
  line-height: 24px;
  margin-bottom: 16px;
  font-size: 13px;
}

.concept li{
  width: 585px;
  line-height: 24px;
  font-size: 13px;
  padding-bottom: 8px;
}

.concept .glyphicon {
  font-size: 10px !important;
  top: 0px;
  margin-right: 5px;
}

.concept .text {
  float: right;
}

.concept .image {
  float: left;
}

.odd .text {
  float: left;
}

.odd .image {
  float: right;
}

.concept.whats_a_pack {
  background: #FFF;
}

.concept.packaging p{
  width: 340px;
}

.concept.packaging li{
  width: 340px;
}

.concept.sterile_and_labeling {
  background: #FFF;
}

.concept.sterile_and_labeling p{
  width: 620px;
}

.concept.sterile_and_detachable_labels p{
  width: 605px;
}

.concept.inner_box {
  background: #FFF;
}

.concept.symbol_guide {
  background: #FFF;
}

.concept.symbol_guide p{
  width: 350px;
}

.concept.sterilization p{
  width: 469px;
}

.concept.symbol_guide {

}

.concept.expiry_date {
  background: #FFF;
}

.concept.instructions {

}

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

.brands a{
  width: 168px;
  height: 158px;
  padding-right: 13px;
}

.whatwedo li{
  margin-top: 10px;
  line-height: 19px;
}

.lang-menu {
  float: right;
  padding-top: 27px;
  padding-left: 20px;
}

.lang-menu > div {
    display:none;
}
.lang-menu:hover > div {
    display:block;
}

.lang-flag {
  cursor: pointer;
}

.user-menu {
  float: right;
  padding-top: 26px;
  padding-left: 20px;
  padding-right: 10px;
}

.lang-hover-wrapper {
  position: absolute;
  height: 20px;
  width: 32px;
}

.lang-hover {
  position: absolute;
  padding: 10px;
  background: #FFF;
  border: 1px solid #E0E0E0;
  margin-left: -10px;
  margin-top: 5px;
}

.lang-hover img {
  padding-top: 5px;
}

.modal-content {
  padding: 0px;
  background: #f1f1f1;
}

.modal-footer {
padding: 24px 0px 0px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}

.access-icon {
background: url('images/access.png');
position: absolute;
left: 44%;
top: -40px;
width: 75px;
height: 75px;
}


.modal-header {
  border-bottom: 0px solid #e5e5e5;
  padding: 20px 30px 29px 30px;
}

.modal-body {
  border-bottom: 0px solid #e5e5e5;
  padding: 0px 30px 30px 30px;
}

.modal-footer {
border-top: 0px solid #e5e5e5;
padding: 0px 30px 30px 30px;
margin-top: 0;
}

.access-option {
  border: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 10px;
  background: #FFF;
  color: #888888;
}

.activeoption {
  background-color: #FFF;
  color: #000000;
  border: 1px solid #e5e5e5;
}

.access-option:hover{
  color: #000000;
}

.access-option span{
  padding: 10px;
  line-height: 21px;
}

.optionheader {
  font-size: 18px;
  font-weight: 700;
  margin-left: 20px;
}

.bodyheader {
  font-size: 18px;
  font-weight: 700;
}

.bodyheader .glyphicon{
  margin-right: 6px;
}

.optiontext {
  margin-left: 20px;
}

.row .popup {
  width: 800px;
}

.last {
  color: red;
}

.lastcol {
    padding-right: 0px !important;
    color: red;
}

.login {
  background: #FFF;
  padding: 20px 20px 20px 20px;
  min-height: 178px;
  border: 1px solid #e5e5e5;
}

.access-col {
  padding-right: 15px;
}

.requestaccess {
  background: #FFF;
  padding: 20px 20px 20px 20px;
  min-height: 250px;
  border: 1px solid #e5e5e5;
}

.requestaccessinfo {
  background: #fef6d8;
  padding: 20px 20px 10px 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

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

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

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

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

.accessicon {
float: left;
width: 26px;
margin-left: -7px;
font-size: 32px;
padding-top: 4px;
}

.important {
  color: #e31919;
  font-style: italic;
  font-weight: 800;
}

.login-notification {
  background: #f1ddde;
  padding: 20px 20px 20px 20px;
  border: 1px solid #e5e5e5;
  color: #7a4446;
  margin-left: 15px;
  margin-right: 15px;
}

.login-notification .glyphicon{
  margin-right: 6px;
}


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

.row-cats {
  margin-right: -30px;
}

.cats {
  padding: 15px;
  background-color: #FFF;
  margin-right: 30px;
}

.alerta {
  padding: 10px;
}

.alerta-erro {
  border: 1px solid #881312;
}

.custom-file-input::-webkit-file-upload-button {
  display: none;
}
.custom-file-input::before {
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 0px solid #999;
  border-radius: 0px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.pack-custom-name .modal-dialog{
  width: 360px;
}

.pack-name {
  padding-bottom: 5px;
  width: 210px;
}

.pack-cat {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  color: #c7d7b5;
  width: 240px;
}

.color-guide-btn {
  height: 20px;
  width: 20px;
  position: relative;
  right: 0;
  top: 0;
  float: right;
  background-color: red;
}

.code-table-separator {
  height: 2px;
  position: relative;
  top: -2px;
  background: url('images/cpt_hover.png') no-repeat #FFF;
}

.color-img {
  float: left;
}

.deny-guest-category {
  opacity: 0.8;
}

.lock_img {
float: left;
position: relative;
top: -26px;
left: -24px;
height: 0px;
}

.required-asterisk {
  color: #e21f26 !!important;
  font-size: 13px !important;
}

.quote_asking {
  width: 148px;
  height: 47px;
  text-align: center;
}

.logginIn {
  float: right;
  padding-right: 10px;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.30s ease;
          transition: height 0.30s ease;
  /*background: url('images/cpt_hover.png') no-repeat #f8f8f8;*/
}

.well-filtros .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.30s ease;
          transition: height 0.30s ease;
  background: none;
}

.category_title h3{
  margin-bottom: 5px;
}

.category_title_alone {
  margin-bottom: 9px;
  margin-top: 4px;
}



.category_sub {
  color: #616161;
  font-size: 13px;
  font-weight: 400;
}

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

.category {

}

.category .cat-more-info {
  display: none;
}

.category:hover .cat-more-info {
  display: block;
}

.category_spanner {
  height: 69px;
  vertical-align: middle;
  width: 100%;
  margin-left: 0px;
  margin-top: -10px;
}

.cat-more-info-btn {
float: right;
height: 25px;
width: 60px;
background-color: #1d4533;
position: relative;
top: -13px;
right: -6px;
z-index: 999999;
color: #FFF;
padding-top: 5px;
}

.btn-buildpack span, .btn-buildpack input {
  height: 47px !important;
  line-height: 46px !important;
  font-size: 16px !important;
  padding: 0 22px !important;
  font-weight: 600 !important;
}

.category_detail_btn {
  border-bottom: 1px solid #333; 
  padding-bottom: 4px; 
  font-weight: 600;
  color: #000;
}

.category_detail_btn:hover {
  border-bottom: 1px solid #e31919; 
  padding-bottom: 4px; 
  font-weight: 600;
  color: #e31919;
}

.locked_cat {
float: left;
position: relative;
top: -41px;
left: -24px;
}

.loading_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #FFF;
opacity: 0.9;
filter: alpha(opacity=90);
}

hr {
  margin-top: 18px;
	margin-bottom: 8px;
	border: 0;
	border-top: 2px solid #e0e1e2;
}

.dropdown-icon {
	position: absolute;
	top: 0px;
	right: -7px;
	margin-top: 3px;
	background: none !important;
}

.btn-filter-here span {
	padding-right: 33px !important;
}

.filtering-what {
	font-size: 19px;
	font-style: italic;
	padding-left: 8px;
}

.filtering-what b{
	font-size: 19px;
	font-style: normal;
	padding-left: 8px;
}

input[type="number"], .select_styled {
  display: block;
  width: 100%;
  height: 25px;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  text-align: center;
  padding-right: 0px;
}

div.product-action.cpt-qty-review > input[type="number"]{
  width: 75%;
}

.cinput-pt::before {
  content: 'Adicionar imagem';
}

.cinput-en::before {
  content: 'Add image';
}

.cinput-es::before {
  content: 'Añadir imagen';
}

.upload-error {
  padding: 10px;
  margin-top: 15px;
  border: 1px dotted #e31919;
  background: #fff9f9;
  color: #d10000;
  font-weight: 700;
  margin-bottom: -13px;
}

.custom-image-placeholder {
  position: absolute;
  right: 24px;
  margin-top: 6px;
}

input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}

input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
    position:absolute;
    right: 0;
    font-family:monospace;
    line-height:
}

input[type=number]::-webkit-inner-spin-button:before {
    top:0px;
}

input[type=number]::-webkit-inner-spin-button:after {
    bottom:0px;
    -webkit-transform: rotate(180deg);
}

input[type=number] {-moz-appearance: textfield;}

.filter-divider {
  background: #f1f1f1;
  border-bottom: 1px solid #e0e1e2;
  height: 10px;
  padding-bottom: 7px;
}

div.col-md-12.filters-row.filter-row-fixed > div.filter-divider {
  padding-bottom: 0px;
}

.suggested-pack {
  background-color: #FFF;
  border: 1px solid #c9cdd0;
  padding: 10px;
  width: 250px;
  margin-top: 20px;
}

.suggested-pack.even {
  float: right;
}

.suggested-pack.odd {
  float: left;
}

.suggested-pack p{
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 3px;
  font-weight: 600;
}

.suggested-modal-footer {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #1d4533;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 7px 8px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  border-color: #1d4533;
}

.navbar-header {
  float: left;
  width: 100% !important;
}

.mobile {
  display: none;
}

.close-modal-icon {
  width: 25px;
  height: 25px;
  background: url('images/close_icon.png');
  position: absolute;
  right: -10px;
  top: -10px;
  border: 0px solid #FFF;
  cursor: pointer;
}

.special_request {
  font-size: 14px;
  position: relative;
  top: 7px;
}


.special_request a{
  font-size: 14px;
  color: #e31919;
  border-bottom: 1px dotted #e31919;
  padding-bottom: 1px;
}