.product-trade {

    display: block;

    position: relative;

    clear: both;

    float: left;

    margin: 0 auto;

    width: 100%;

}

.catalog-category-view .sale-percent {
	text-align: center;
    color: #00ffff;
    font-size: 18px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
}

.catalog-category-view .available-days {
	font-size: 14px;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}
.catalog-category-view  .label-product.sale {
	top: 17px !important;
}
.catalog-category-view  .label-product.sale span {
	right: -5px;
    top: 0px;
    width: 50px;
    height: 29px;
	font-size: 14px;
	font-weight: 600;
    background-size: 100% 100%;
	transform: rotate(-90deg);
    color: #fff;
	background: url('../images/newfp/sale-badge.svg');
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    line-height: 23px;
}

.catalog-category-view .available-days:before {
	content: '\f073';
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
}

.catalog-category-view .inventory_slider {
	display: none;
}
.catalog-category-view .product-shop .price-box .regular-price {
	width: 100%;
	text-align: center;
}
.catalog-category-view .products-grid .inventory {
	margin-bottom: 0;
}
.catalog-category-view .products-grid .price-box {
	margin-top: 0px;
	margin-bottom: 0px;
}



.product-trade .trades-list {

    width: 49%;

    float: right;

    background: #1d1d1d;

    padding: 30px;

    text-align: center;

    min-height: 212px;

}



.product-view .product-shop .add-to-box .add-to-box{

    float: none;

    padding: 0;

    margin: 0 auto;

}



.product-view .product-shop .add-to-box .add-to-box .qty-block{

    display: none;

}



.product-view .product-shop .add-to-box .add-to-cart button.button {

    float: none;

    margin: 0 auto;

}



.product-view .product-shop .add-to-box .availability,

.product-view .product-shop .add-to-box .availability-only,

.product-view .product-shop .add-to-box .price-box{

    margin-bottom: 20px;

}



.product-view .product-shop .availability {

    display: block;

}



.product-view .product-shop .add-to-box .add-to-cart {

    border-top: 0px solid #58585b;

}

.trades-list{

    font-size: 18px;

    color: #00ffff;

}



.trades-list div:nth-child(2) {

    border-top: 1px solid #58585b;

    margin-top: 15px;

    padding-top: 10px;

}



.trades-list .scrollbox {

    height: 118px;

}







.ssa_box {

    height: 337px;

    overflow-y: auto;

    border: 1px solid #4d4b49;

    padding: 9px;

    line-height: 15px;

}



#label_agree {float: none;}



/*.checkoutModal {*/

    /*display: none;*/

/*}*/

/*#checkoutModal {*/

    /*position: fixed;*/

    /*bottom: 20%;*/

    /*top: 33%;*/

    /*left: 25%;*/

    /*right: 25%;*/

    /*background-color: #fff;*/

    /*border: 1px solid #e2e2e2;*/

    /*padding: 15px;*/

    /*border-radius: 7px;*/

/*}*/

/*.closeCheckoutModal {*/

    /*font-weight: bold;*/

    /*border: 2px solid #e2e2e2;*/

    /*background-color: #fff;*/

    /*border-radius: 100%;*/

    /*padding: 10px 15px;*/

    /*text-align: center;*/

    /*position: absolute;*/

    /*right: -10px;*/

    /*top: -10px;*/

/*}*/

/*.closeCheckoutModal:hover {*/

    /*cursor: pointer;*/

/*}*/

/*#checkoutModal .messages {*/

    /*display: none;*/

/*}*/

body.modal-open .modal {
    display: flex;
    height: 100%;
}

body.modal-open .modal .modal-dialog {
    margin: auto;
}

.modal-backdrop {position: relative;}
.modal {top: auto;}

.cms-home .modal-dialog {width: auto;}

.google_plusone_iframe_widget {width: auto!important;}



/************ Login Register Landing *********/

.customer-account-create .main_wrapper,
.customer-account-login .main_wrapper{
    background: url(../images/loginregister/background-full-login-register.jpg);
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.customer-account-create .main-container,
.customer-account-login .main-container{
    display: block;
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    background: url(../images/loginregister/login-register-wrapper-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.customer-account-create .main,
.customer-account-login .main{
    background: transparent;
}

.modals-wrapper-inner{
    background: rgba(0, 0, 0, 0.65);
    padding: 30px;
    display: block;
    position: relative;
    margin: 0 auto;
    left: 0;
    max-width: 600px;
    right: 0;
    text-align: center;
    border: 3px solid #e5e6e6;
}

.modal-page-title {
    display: block;
    text-align: center;
    width: 100%;
    border: 3px solid #e5e6e6;
    margin-bottom: 50px;
}

.modal-page-title h1 {
    margin: 0;
    color: #fff;
    line-height: 44px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.title-with-lines {
    line-height: 1.5;
    text-align: center;
    position: relative;
    display: block;
    margin: 20px auto 0;
    max-width: 150px;
}

.modaltitle span {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
}

.title-with-lines span {
    display: inline-block;
    position: relative;
}

.title-with-lines span:before {
    right: 100%;
    margin-right: 15px;
}

.title-with-lines span:after {
    left: 100%;
    margin-left: 15px;
}

.title-with-lines span:before, .title-with-lines span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid white;
    top: 15px;
    width: 120px;
}

.info-red:before {
    content: "!";
    font-weight: 300;
    width: 16px;
    text-align: center;
    height: 16px;
    line-height: 14px;
    font-size: 14px;
    border: 2px solid #ED1C24;
    background: #ED1C24;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: -25px;
    top: 0px;
}

.smallnotice {
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    display: block;
    width: 350px;
    margin: 20px auto;
    display: block;
    position: relative;
}

.modals-wrapper-inner input{
    background: transparent !important;
    color: #e5e6e6 !important;
    border: 3px solid #e5e6e6 !important;
}

.input-text::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.input-text::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.input-text:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.input-text:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.customer-account-create .form-list .control {
    margin-top: 0px;
    text-align: left;
}

.customer-account-create button.button > span,
.customer-account-login button.button > span{
    color: #00ffff;
    border-radius: 0;
    text-decoration: none;
    background: #000;
    padding: 15px 25px;
    font-size: 18px;
    height: 42px;
    line-height: 4px;
    font-weight: normal;
    border: 3px solid #fff !important;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 auto;
}

.customer-account-create .buttons-set button.button,
.customer-account-login .buttons-set button.button{
    float: none;
    width: 100%;
    display: block;
}

.customer-account-create button.button span span,
.customer-account-login button.button span span{
    text-transform: uppercase;
    font-size: 16px;
    width: 100%;
    font-weight: bold;
    display: block;
    color: #00ffff !important;
}

.customer-account-create button.button:hover span span,
.customer-account-login button.button:hover span span{
    color: #fff !important;
}

.customer-account-create .validation-advice,
.customer-account-login .validation-advice{
    text-align: left;
    position: absolute;
}

.trans-white-memberalready p,
.trans-white-memberalready a{
    color: #fff;
    font-size: 12px;
    text-align: right;
}

.trans-white-memberalready a{
    color: #00ffff;
    text-decoration: none;
}

.trans-white-memberalready a:hover{
    text-decoration: underline;
}

.regwrap {
    position: relative;
    max-width: 425px;
    display: block;
    margin: 30px auto 0;
}

.customer-account-login input.input-text {
    width: 100%;
}

.customer-account-login .form-list li {
    margin-bottom: 30px;
    max-width: 425px;
    margin: 0 auto 30px;
}

.customer-account-login .buttons-set button.button {
    float: none;
    width: 100%;
    display: block;
    max-width: 420px;
    margin: 0 auto;
}

.customer-account-login button.button span span {
    max-width: 420px;
    width: 100% !important;
}

/************ Login Register Landing *********/

/************ Checkout Steps Style *********/

#checkoutSteps .section .step-title h2{
    color: #ffffff;
    font-size: 14px;
}


#checkoutSteps .section.active .step-title h2{
    color: #00ffff;
    font-size: 14px;
}

.opc .active .step-title .number {
    font-weight: bold;
}

#checkout-step-login h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    color: #00ffff;
    padding-bottom: 20px;
}

#checkout-step-login .pslogin-form p,
#checkout-step-login .pslogin-form ul li {
    font-size: 14px !important;
}

#checkout-step-login p.required {
    text-align: left;
    color: #00ffff;
}

#checkout-step-login .form-list input{
    background: transparent;
    border: 2px solid #CED7DB;
    color: #fff;
}

#checkout-step-login .col2-set .col-1 {
    float: left;
    margin-right: 3%;
    width: 40%;
}

#checkout-step-login .col2-set .col-2 {
    float: right;
    width: 40%;
}

#checkout-step-login .form-list .input-box {
    width: 100%;
}

#checkout-step-login .col-2 .form-list input{
    width: 100% !important;
}

#checkout-step-login .buttons-set button.button {
    float: none;
    display: block;
    width: 100%;
}

#checkout-step-login .buttons-set button span {
    font-size: 16px;
}

#checkout-step-login .buttons-set button.button > span {
    background: #59A240;
    color: #fff;
    height: 40px;
    line-height: 34px;
    font-weight: bold;
    border-radius: 0px;
    display: block;
    width: 100%;
    border: 3px solid #CED7DB;
}

#checkout-step-login .col2-set .col-2 .buttons-set {
    margin-top: 40px;
}

#checkout-step-login .col2-set .col-1 .buttons-set {
    margin-top: 142px;
}

.opc input[type=checkbox] {
    display:none;
}
 
.opc input[type=checkbox] + label{
    background: transparent;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
    border-radius: 0;
    border: 2px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.opc input[type=checkbox]:checked + label{
    background: #00ffff;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    border-radius: 0;
    border: 2px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.sp-methods dt input,
.sp-methods dt label, 
.sp-methods dt p{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#checkout-step-extra form#co-extra-form {
    display: block;
    position: relative;
    width: 60%;
    display: inline-block;
}

#checkout-step-extra div#extra-buttons-container {
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 15px;
    vertical-align: middle;
    width: 30%;
}

#checkout-step-extra .buttons-set button.button {
    float: right;
    width: 100%;
}

#checkout-step-extra button.button > span {
    background: #59A240;
    color: #fff;
    height: 40px;
    line-height: 34px;
    font-weight: bold;
    border-radius: 0px;
    display: block;
    width: 100%;
    border: 3px solid #CED7DB;
}

#checkout-step-extra dl {
    margin-top: 0;
    margin-bottom: 0;
}

#checkout-step-billing #co-billing-form fieldset ul.form-list,
#checkout-step-billing #co-billing-form fieldset > input{
    float: left;
}



#checkout-step-billing #co-billing-form fieldset ul.form-list{
    width: 60%;
}

#checkout-step-billing #co-billing-form fieldset > input{
    width: 5%;
}

#checkout-step-billing #co-billing-form fieldset .buttons-set{
    float: right;
    width: 30%;
    clear: none;
}

#checkout-step-payment #co-payment-form{
    float: left;
    width: 60%;
}

#checkout-step-payment .buttons-set{
    float: right;
    width: 30%;
    clear: none;
}

#checkout-step-billing #co-billing-form fieldset .buttons-set .required{
    display: none;
}

#checkout-step-payment .buttons-set .required{
    display: none;
}

#checkout-step-billing #co-billing-form fieldset .buttons-set button.button {
    float: right;
    width: 100%;
    margin-top: 15px;
}

#checkout-step-payment .buttons-set button.button {
    float: right;
    width: 100%;
    margin-top: 10px;
}

#checkout-step-billing #co-billing-form .buttons-set button.button > span{
    background: #59A240;
    color: #fff;
    height: 40px;
    line-height: 34px;
    font-weight: bold;
    border-radius: 0px;
    display: block;
    width: 100%;
    border: 3px solid #CED7DB;
}

#checkout-step-payment .buttons-set button.button > span{
    background: #59A240;
    color: #fff;
    height: 40px;
    line-height: 34px;
    font-weight: bold;
    border-radius: 0px;
    display: block;
    width: 100%;
    border: 3px solid #CED7DB;
}

.opc input[type=radio] {
    display:none;
}
 
.opc input[type=radio] + label{
    background: transparent;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
    border-radius: 0;
    border: 2px solid #fff;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 5px;
}

.opc input[type=radio]:checked + label{
    background: #00ffff;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    border-radius: 0;
    border: 2px solid #fff;
    vertical-align: middle;
    margin-right: 5px;
}

.opc li.section {
    clear: both;
}

#checkout-step-payment .buttons-set .back-link {
    display: none;
}

dl.sp-methods{
    margin-top: 10px;
    margin-bottom: 10px;    
}

#checkout-review-submit .buttons-set button.button > span{
    background: #59A240;
    color: #fff;
    height: 40px;
    line-height: 34px;
    font-weight: bold;
    border-radius: 0px;
    display: block;
    width: 300px;
    border: 3px solid #CED7DB;
}

#checkout-review-table th {
    color: #00ffff;
    font-size: 16px;
}

/************ Login Register Landing *********/

@media only screen and (min-width: 1200px) {

    .catalog-category-view .products-grid { margin:0; }

    .catalog-category-view .products-grid li.item {

        width:290px;

        margin:0;

        padding:0;

    }

    .catalog-category-view .products-grid li.item.last { width:291px; }

}



.success-mag a, {color: black; }



.slider_content h3 {

    color: white;

}



.product-shop .button.sketchfab > span {

    background: url(../images/dugme-za-platforma-sketchfab-bg.jpg);

}



button.button > span {

    background: url(../images/dugme-za-platforma-bg.jpg);

}





.products-grid button.button > span, .product-view .add-to-cart button.button > span {

    font-size: 17px;

    height: 32px;

    line-height: 31px;

    text-transform: capitalize;;

}



.products-grid .inventory {

    border-radius: 0;

    text-align: left;

}



.inventory .availability.in-stock {

    background: none;

    padding: 0 0 10px 0;

    color: #fff;

    font-weight: bold;

}





.inventory .availability.out-of-stock {

    background: none;

    padding: 0 0 10px 0;

    color: red;

    font-weight: bold;

}



.inventory_slider {

    background: url(../images/inventory_slider_reverse.jpg);

    height: 5px;

    width: 259px;

}



#inventory_bullet {

    position: relative;

    top: -6px;

}



.products-grid .product-image {

    margin: 10px 0 10px 0;

    border-radius: 0;

    padding: 0;

}



.products-grid h4.skin-link a {

    border-radius: 0;

}



.box-collateral-content iframe {

    max-width: 100%;

    max-height: 400px;

}



.product-view .box-additional {

    float: left;

    width: 49%;

}



.addthis_toolbox {

    position: relative;

    margin: auto;

    top: 31px;

    right: 0;

    bottom: 0;

    left: 0;

    width: 321px;

    height: 100px;

    clear: both;

    padding: 30px;

    border: none;

}



.sf-menu li.header-minicart {

    float: right;

    margin-right: 50px;

}



.fixed {

    position: fixed;

    top:0;

    right:0;

    z-index: 4 !important;

}



.logo_nav {

    display: none;

}



.fixed .logo_nav {

    display: block;

    margin: 14px;

    float: left;

    margin-right: 60px;

}



.fixed .logo_nav img {

    width: 152px;

    height: 50px;

}



.crsl-nav a.next, .crsl-nav a.previous {

    z-index: 1;

}

.cart-indent .block-subtitle {

    font-size: 18px;

}



.header .links {

    padding-right: 26px;

}



.header .links .block-cart-header li a {

    margin-left: 0;

    color: #000;

    padding: 0;

}



.nav-container.fixed .sf-menu li.header-minicart a {

    padding: 0;
}



.right_head .header .links li.header-minicart a {

    padding-right: 0;

}

#checkout-review-table tbody img {
    float: left;
}

.avatar-career-apply .col-sm-9 {
    width: 100%!important;
}
.avatar-career-apply .category-wrapper {
    padding: 0;
}

.cms-registration-success .messages {
    display: none;
}

.cms-registration-success p, .cms-registration-success .main ul {
    text-align: left;
    font-size: 16px;
}

.cms-registration-success .main ul {
    padding-left: 20px;
    list-style-type: square;
}

.cms-registration-success .main-container {
    margin: 0 auto 25px auto;
}

/*begin styling for usd converting*/
.cart .totals .price {font-size: 14px;}
.cart-price strong {font-size: 19px}

#shopping-cart-totals-table strong {font-size: 21px}

.product-shop .price-box .regular-price {width: 50%; font-size: 23px}

.product-view .product-shop .add-to-box .price{
    font-size: 25px;
    line-height: 25px;
    color: #00ffff;
}
.product-shop .price-box .estimate-price {font-weight: 400}
.price-box .old-price .price {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.catalog-product-view .estimate-price {line-height: 25px; color: #fff}

.block-cart-header .cart-content .price {
    font-weight: normal;
    font-size: 12px;
}

.block-cart-header .subtotal strong {
    float: right;
}

.cart-indent strong {
    font-weight: bold;
}
/*end styling for usd converter*/

.need-help-form-wrap #messages_product_view {
    text-align: left;
    color: #50ff50;
    padding-bottom: 20px;
    font-weight: bold;
}
.iwd_opc_one_agreement .iwd_opc_checkbox_label {
    margin-top: 10px !important;
}
#iwd_opc_place_order > .iwd_opc_universal_wrapper {
    margin-top: 25px;
}