.main-area-artikel #page-title,
.shortDescription div:first-child {
    padding-top: 20px;
    padding-bottom: 20px
}

.sidebar-nav li a,
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none
}

.main-area-artikel #page-title {
    font-weight: 600;
    font-size: 25px;
    border-bottom: 1px solid rgba(89, 89, 89, .3)
}

.product-description .product-tobuy div:first-child {
    padding-bottom: 20px;
    color: #00669a;
    text-align: center;
    font-weight: 600;
    font-size: 25px
}

.product-description .online-store span
{
    color: #000;
    font-weight: 600;
}
.product-description .online-store img
{
    width: 170px;
}
.shortDescription .online-store i
{
    margin-right:5px;
    }

#location-map .location-address {
    margin-top: 30px;
    font-size: 18px
}

#location-map #location-on-maps {
    margin-top: 30px;
    display: none
}

.where-info {
    font-size: 16px!important;
    text-align: left!important
}

.product-description {
    background-color: #98dafc;
    padding: 27px 20px 20px;
    font-weight: 300;
    font-size: 16px
}

.product-description .product-presentation div:first-child {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    color: #00669a;
    text-align: center;
    font-weight: 600;
    font-size: 25px
}

#important-spec {
    background-color: rgba(255, 255, 255, .9)
}

.product-description .product-presentation div:last-child {
    background-color: #fff;
    padding: 40px
}

.product-description .product-specification .dim-and-weight .dimTitle,
.product-description .product-specification div:first-child {
    padding-left: 20px;
    padding-right: 20px;
    color: #00669a;
    font-weight: 600;
    font-size: 25px;
    text-align: center
}

.product-description .product-specification .dim-and-weight .dimTitle {
    padding-bottom: 20px
}

.product-description .product-specification #important-spec .fa-ul {
    margin-bottom: 30px;
    list-style-type: none;
    padding: 0
}

.product-description .product-specification #important-spec .fa-ul li {
    padding: 8px
}

.product-description .product-specification #important-spec .fa-ul li i {
    font-size: 30px;
    color: #0375b4;
    margin-right: 10px
}

.product-description .product-specification .dim-and-weight ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, .9)
}

.product-description .product-specification .dim-and-weight ul li {
    border-bottom: 1px solid rgba(89, 89, 89, .3);
    line-height: 2em;
    padding-left: 1.3em
}

.product-description .product-specification .dim-and-weight ul li:before {
    font-size: 13px;
    content: "\f178";
    font-family: fontello;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #0375b4
}

.content section {
    padding: 0
}

#suppliers-details {
    margin-top: 20px;
    color: #000
}

.product-description .product-specification .dim-and-weight ul li:first-child {
    border-top: 1px solid rgba(89, 89, 89, .3)
}

.product-description .product-specification span {
    font-size: 20px;
    font-weight: 700;
    line-height: 2em;
    color: #00669a
}

#weight-symbol {
    position: relative;
    padding-bottom: 20px
}

#dimTitle {
    margin-bottom: 10px
}

#leftA {
    -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    transform: rotate(140deg)
}

#rightA {
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg)
}

#topA:before {
    position: absolute;
    top: -38px;
    left: 29px
}

#leftA:before {
    position: absolute;
    left: -11px;
    bottom: -6px
}

#rightA:before {
    position: absolute;
    bottom: -10px;
    left: -11px
}

.product-tabs {
    margin-top: 50px;
    text-align: center;
    padding: 15px;
    background-color: #02558b;
    font-weight: 600;
    color: #fff
}

.product-tabs div .col-md-4 {
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.product-tabs div .col-md-4 div {
    line-height: 3em
}

.product-tabs div .col-md-4 div a {
    text-decoration: none;
    color: #fff
}

.product-tabs div .col-md-4 div:hover {
    background-color: #1b71a8
}

.product-tabs div .col-md-4:last-child {
    border-right: none
}

.owl-next i,
.owl-prev i {
    color: #ccc
}

#product-details-slide #sync2 .owl-nav,
#tabs #sync12 .owl-nav,
#tabs #sync22 .owl-nav,
#tabs #sync32 .owl-nav,
#tabs #sync42 .owl-nav {
    margin: 0;
    width: 100%
}

#product-details-slide #sync2 .owl-nav .owl-prev,
#tabs #sync12 .owl-nav .owl-prev,
#tabs #sync22 .owl-nav .owl-prev,
#tabs #sync32 .owl-nav .owl-prev,
#tabs #sync42 .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
    top: calc(50% - 30px)
}

#product-details-slide #sync2 .owl-nav .owl-next,
#tabs #sync12 .owl-nav .owl-next,
#tabs #sync22 .owl-nav .owl-next,
#tabs #sync32 .owl-nav .owl-next,
#tabs #sync42 .owl-nav .owl-next {
    position: absolute;
    right: -50px;
    top: calc(50% - 30px)
}

#product-details-slide #sync2 .owl-nav [class*=owl-],
#tabs #sync12 .owl-nav [class*=owl-],
#tabs #sync22 .owl-nav [class*=owl-],
#tabs #sync32 .owl-nav [class*=owl-],
#tabs #sync42 .owl-nav [class*=owl-] {
    color: #ff4fa3;
    font-size: 30px;
    padding: none;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

#product-details-slide #sync2 .owl-nav [class*=owl-]:hover,
#tabs1 #sync12 .owl-nav [class*=owl-]:hover,
#tabs1 #sync22 .owl-nav [class*=owl-]:hover,
#tabs1 #sync32 .owl-nav [class*=owl-]:hover,
#tabs1 #sync42 .owl-nav [class*=owl-]:hover {
    background: 0 0
}

#product-details-slide #sync2 .owl-nav i:hover,
#tabs #sync12 .owl-nav i:hover,
#tabs #sync22 .owl-nav i:hover,
#tabs #sync32 .owl-nav i:hover,
#tabs #sync42 .owl-nav i:hover {
    color: #333
}

#product-details-slide #sync2 .current,
#tabs #sync12 .current,
#tabs #sync22 .current,
#tabs #sync32 .current,
#tabs #sync42 .current {
    border-bottom: 2px solid rgba(0, 75, 255, .4)
}

#sidebar-toggler,
.offer-header ul.closed {
    display: none
}

.offer-header ul.active {
    display: inline-block;
    width: 100%
}

.zoom {
    display: inline-block;
    position: relative
}

.zoom img,
.zoom:after {
    display: block
}

.zoom:after {
    content: '';
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(icon.png)
}

.zoom img::selection {
    background-color: transparent
}

.sidebar-nav,
.stock-order {
    background: #fff;
    border-radius: 10px
}

.stock-order {
    padding: 0 25px 20px;
    box-shadow: 0 0 8px #e6e5e5;
    margin-bottom: 20px;
}

.fa-ul form li .fa-li {
    position: relative;
    top: 0;
    left: 5px
}

.sidebar-nav {
    padding: 0;
    margin: 17px 0 0;
    list-style: none;
    width: 250px;
    box-shadow: 0 0 8px #a5a5a5
}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
	display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}
.sidebar-nav li.nav-sale
{
    background-color: #ff8933;
    line-height: 40px;
 }
 .sidebar-nav li.nav-sale a
 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    display: block;
    width: 100%;
 }

.sidebar-nav li i {
    color: grey;
    font-size: 15px
}

.sidebar-nav li .icon-angle-down {
    display: none;
    margin-right: 0px;
    margin-top: 4px
}

.sidebar-nav li:last-child {
    border-bottom: none
}

.sidebar-nav li a {
    display: inline-block;
    color: #4c4b4b;
    width: 79%;
    font-weight: 400;
    font-size: 14px;
    padding: 1px 0
}

#responsive-button-products,
.subcat-menu {
    display: none
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px
}

.sidebar-nav>.sidebar-brand a {
    color: #999
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: 0 0
}

.sidebar-subcat {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sidebar-subcat li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.sidebar-subcat li a {
    padding-left: 15px
}

.offer-header-mobile {
    top: 10px;
    position: absolute;
    z-index: 2
}

.contact-header .contact-text,
.offer-header .offer-text {
    color: #FFF;
    font-weight: 600;
    font-size: 19px;
    padding: 6px 12px;
    border-radius: 8px;
    text-align: center;
	display: flex;
    justify-content: space-between;
	background-color:#a8dc3d;
	width:250px;
}



.contact-header .contact-text {
    background-color: #e487e0
}

.contact-text button:focus,
.offer-text button:focus {
    outline: 0
}

.contact-text .navbar-toggler i,
.offer-text .navbar-toggler i {
    color: #fffffe;
}

.contact-text .navbar-toggler,
.offer-text .navbar-toggler {
    cursor: pointer
}

.main-area #page-title {
    font-weight: 600;
    font-size: 27px;
    padding-top: 20px;
    padding-bottom: 20px
}

#products-grid {
    margin-bottom: 30px;
    min-height: 900px
}

#products-grid #page-title {
    font-weight: 600;
    font-size: 22px;
    background-color: #a8dc3d;
    border-radius: 8px;
    padding: 1px 25px 0px;
    color: #FFF;
    margin-bottom: 20px;
    line-height: 1.8;
    display: flex;
}

.product-item-details
{
    position:relative;
    z-index:2;
 }

.product-price .net-price
{
    color: #ff1313;
    font-weight: 600;
}
 
.product-item-img
{
    position:relative;
    }
#products-grid .row .col-lg-3 .product-item .product-item-details-name a,
#products-grid .row .col-lg-2 .product-item .product-item-details-name a,
#products-grid .row .grid-itm .product-item .product-item-details-name a {
    text-decoration: none;
    color: inherit
}

#products-grid .row .col-lg-3 {
    /*! border:1px solid rgba(89, 89, 89,.05); */
    /*! padding-right: 20px; */
    margin-right: 0
}

#products-grid .row .col-lg-3 .product-name {
    text-align: center;
    font-weight: 700
}

#products-grid .row .col-lg-3 .product-item,
#products-grid .row .col-lg-2 .product-item {
    /*! padding:15px; */
    text-align: center;
    padding: 10px;
    border: 1px solid rgba(89, 89, 89, .1);
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px #e4e4e4;
    min-height: 200px;
    position: relative;
}
.cart-pop
{
    position: absolute;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    min-height: -webkit-fill-available;
    left: 0;
    padding: 10px;
    border: 1px solid #3e3e3e;

}

.cart-pop .input-group-btn button
{
    padding: 0;
}
.cart-pop .form-group
{
    text-align:left;
    margin-bottom:0;
}
.cart-pop #quantity
{
    padding: 0;
    height:auto;
    padding-left:5px;
}
.cart-pop #qnty-order
{
    margin-left: 0;
    margin-top: 10px;
    }

#products-grid .row .col-lg-3 .product-item .product-item-details-id,
#products-grid .row .col-lg-2 .product-item .product-item-details-id {
    font-weight: 700;
    margin-top: 5px
}

#products-grid .row .col-lg-3 .product-item .product-item-details-name,
#products-grid .row .col-lg-2 .product-item .product-item-details-name {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    font-size: 14px;
    margin-top: 6px
}

#products-grid .row .grid-itm .product-item .product-item-details-name {
    line-height: 1.5em;
    height: 1.5em;
    font-weight: 700;
    font-size: 17px
}

#products-grid .row .col-lg-3 .product-item .product-item-details-button,
#products-grid .row .col-lg-2 .product-item .product-item-details-button {
    margin-top: 15px;
    padding: 4px;
    background-color: #F5F5F5;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

#products-grid .row .col-lg-3 .product-item .product-item-details-button a,
#products-grid .row .col-lg-2 .product-item .product-item-details-button a {
    color: #616161;
    font-color: 15px
}

.img-background {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.descCol {
    background: #fff;
    border-radius: 10px;
    padding: 0 25px 20px;
    box-shadow: 0 0 8px #e6e5e5;
    margin-bottom: 20px
}

.pager .current,
.pager .disabled,
.pager a {
    padding: 4px 6px;
    margin-right: 6px;
    text-decoration: none
}

.shortDescription,
.shortDescription .description-header {
    font-size: 16px
}

.shortDescription .description-header span {
    font-weight: 600;
    font-size: 19px
}

#banner-packets{
    bottom: 10px;
    padding-right: 10px;
}

.pager {
    text-align: center;
    margin-top: 20px
}

.pager a {
    color: #333
}

.pager .current {
    border-bottom: 1px solid
}

.sidebar-menu .sidebar-nav {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    width: 250px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px #a5a5a5
}

.sidebar-menu .sidebar-nav li {
    text-indent: 10px;
    line-height: 24px;
    border-bottom: 1px solid rgba(171, 171, 171, .2);
	display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}

.sidebar-menu .sidebar-nav li:last-child {
    border-bottom: none
}

.sidebar-menu .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #4c4b4b;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 0 1px 5px
}

.sidebar-nav li.active i,
.sidebar-nav li.active.collapsed i {
    display: inline-block;
    cursor: pointer
}

.sidebar-menu .sidebar-nav li a:hover {
    text-decoration: none;
    color: #00c7ff;
    background: rgba(255, 255, 255, .2);
    margin-left: 8px
}

.sidebar-menu .sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none
}

.sidebar-menu .sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px
}

.sidebar-menu .sidebar-nav>.sidebar-brand a {
    color: #999
}

.sidebar-menu .sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: 0 0
}

.sidebar-menu .contact-text {
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    background-color: #e487e0;
    padding: 10px 0;
    border-radius: 8px;
    width: 250px;
    text-align: center
}

.main-area-contact #page-title {
    font-size: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 3px 0 3px 13px;
    box-shadow: 0 0 8px #e6e5e5;
    margin-bottom: 20px;
    color: #5d5d5d
}

.contact-item {
    margin-bottom: 40px;
    margin-left: 26px;
}

.contact-item .contact-item-photo,
.contact-item-info {
    display: inline-block;
    vertical-align: middle
}

.contact-item .contact-item-info {
    margin-left: 50px
}

.contact-item .contact-right-item-info {
    margin-top: 10px
}

#question-button {
    display: block;
    margin-top: 20px;
    padding: 9px 53px;
    cursor: pointer;
    border: none;
    font-size: 16px;
    background-color: #5fcf80;
}

#reg-button, #news-button
{
    font: 700 1rem 'Montserrat';
    letter-spacing: .08rem;
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    padding: 11px 54px;
    cursor: pointer;
    border: none;
    background-color: #e64040;
    width: 100%;
    border-radius: 999px;
    margin-top: 25px;
}

#news-button
{
    width: 50%;
    background-color: #4055d8;
    }


#company-address-right {
    margin-top: 40px;
    float: right
}

#contact-grid .col-lg-7 form {
    margin-top: 20px
}

.input-group-addon {
    background-color: #107895;
    color: #d8d8d8
}

.btn-primary {
    min-width: 100px
}


.text-box,
.contact-input,
#DateEnd {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    box-shadow: 0 0 8px #e4e4e4;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(89, 89, 89, .1);
    border-radius: 50px;
    opacity: .9;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.contact-msg {
    border-radius: 20px;
}

.new-order-section,
.order-views-section {
    display: inline-block
}

#aboutcompany:after,
#purpose:after,
#vision:after {
    position: absolute;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    content: ""
}

#Password,
#UserName {
    padding: .2rem .75rem;
    border: 3px solid #efefef;
    border-radius: 5px;
}

.page-title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 35px;
    border-radius: 10px;
    background-color: #37bbfb;
    padding: 3px 25px 3px;
    color: #FFF
}

.page-title i {
    padding-right: 10px
}

.page-subtitle {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 20px;
    color: #5d5d5d
}

#company-images {
    margin-bottom: 35px
}

#company-address img:last-child {
    margin-top: 40px
}

#aboutcompany,
#purpose,
#vision {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 8px #a5a5a5;
    margin-bottom: 20px;
    position:relative;
}
#about-company .image-grid
{
    margin-bottom:10px;
}

#aboutcompany:after {
    background-image: url(images/sml1.png);
    right: -25px;
    top: 22px;
}

#vision:after {
    background-image: url(images/sml2.png);
    right: -25px;
    top: 22px;
}

#purpose:after {
    background-image: url(images/sml3.png);
    right: -25px;
    top: 22px;
}

.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #fbcdcf
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0!important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #f3565d;
    position: relative
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tabbable-line.tabs-below>.nav-tabs>li {
    border-top: 4px solid transparent
}

.tabbable-line.tabs-below>.nav-tabs>li>a {
    margin-top: 0
}

.tabbable-line.tabs-below>.nav-tabs>li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf
}

.tabbable-line.tabs-below>.nav-tabs>li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d
}

.tabbable-line.tabs-below>.tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.list-group-item {
    width: 33.1%
}

#tabs1 #sync1,
#tabs2 #sync2,
#tabs3 #sync3,
#tabs4 #sync4 {
    max-width: 511px;
    margin: 0 auto
}

#tabs1 #sync12,
#tabs2 #sync22,
#tabs3 #sync32,
#tabs4 #sync42 {
    max-width: 600px;
    margin: 0 auto
}

.company-videos img {
    padding: 4px;
    border: 1px solid rgba(89, 89, 89, .1);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px #c3c0c0;
    cursor: pointer
}

.videos .row {
    margin-bottom: 40px
}

#video-page-title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 35px;
    border-radius: 10px;
    background-color: #ffc107;
    padding: 3px 25px 3px;
    color: #FFF
}

#page-title-order {
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 30px
}

.new-order-section a,
.order-views-section a {
    color: inherit;
    padding: 10px
}

.order-views-section {
    margin-left: 50px
}

.order-views-section span {
    margin-right: 40px
}

.orders-list-section,
.positions-list-section {
    padding: 5px 0;
    font-size: 20px;
    min-height: 300px
}

.orders-list-section {
    margin-top: 50px
}

#order-positions {
    margin-bottom: 31px;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    width: 100%;
    border-spacing: 7px 0px;
    font-size: 18px;
}

.order-status-selector-active {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    border-left: 1px solid rgba(0, 0, 0, .3);
    padding: 10px
}

#order-table-title {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

#show-orders fieldset {
    color: #333
}

#dialog-confirm-order {
    background-color: Red!important
}

#product-stock ul {
    margin-top: 20px;
    list-style-type: none;
    padding: 0px
}

.order-title {
    background-color: #d4d4d4;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 18px
}

#quantity {
    max-width: 70px;
}

#qnty-order {
    margin-left: 15px;
    background-color: #F2385A;
    color: #FFF;
}

.finish-order-section {
    margin-top: 60px;
    text-align: right;
}

#home-to-order,
.no-order {
    margin-top: 20px
}

.finish-order-section button {
    cursor: pointer
}

.refresh-btn {
    display: none
}

.extra-info {
    margin-left: 10px;
    display: inline-flex;
}

#submitRefresh {
    cursor: pointer
}

#DateOfDelivery {
    width: 200px
}

#itmOffer {
    background-color: #a8dc3d;
    padding: 15px;
    color: #525252
}

#title-order {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
    border-bottom: 1px solid;
    margin-bottom: 20px
}

.to-basket,
.to-offer {
    display: inline-block;
    margin-top: 20px
}

.to-basket a,
.to-offer a {
    text-decoration: none;
    color: #FFF
}

#back-link,
.to-basket {
    margin-left: 20px
}

.position-link {
    color: inherit
}

#show-positions {
    min-height: 300px
}

#home-to-order a:first-child {
    margin-right: 15px
}

.extraNote {
    margin-left: 10px;
}

#note {
    min-width: 147px;
    text-align: left !important;
}

.img-cart {
    width: 100px
}

.invoice-table {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    margin-bottom: 20px;
    margin-top: 30px
}



.btn-info {
    width: 100%;
    border-radius: 30px;
    font-size: 18px;
    margin-top: 20px;
    background-color: #e487e0;
    border-color: #e487e0;
}

.news-item {
    margin-bottom: 40px
}

#news-page-title {
    background-color: #4055d8;
    border-radius: 10px;
    padding: 3px 25px 3px;
    margin-bottom: 20px;
}
#game-page-title
{
    background-color: #6b75b3;
    border-radius: 10px;
    padding: 3px 25px 3px;
    margin-bottom: 20px;
    }
    
 .prize-game-list .card-header
 {
     background-color: rgb(107, 117, 179);
     color: #fff;
  }
  
  
  
  .news-list .card-header
 {
     background-color: #4055d8;
     color: #fff;
  }
  
  .prize-game-cards .card-title a
  {
      color: #000; 
      }

.can-add-news,
.news-title {
    display: inline-block;
    vertical-align: top;
    padding-top: 13px;
    margin-left: 20px;
}
.can-add-news
{
    padding-top:15px;
    }

.date-flag {
    width: 85px;
    display: inline-block
}

.date-day {
    background-color: #F78888;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    padding-right: 3px;
}

.date-mnthYear {
    background-color: #565656;
    color: #FFF;
    text-transform: capitalize;
    text-align: center;
    font-size: 14px
}

.news-title a {
    text-decoration: none;
    color: #000;
    font-weight: 300;
    font-size: 18px
}

#promotion-page-title,
#news-page-title,
#game-page-title,
#product-page-title,
#terms-title,
.page-title,
#video-page-title {
    font-weight: 600;
    font-size: 22px;
    color: #FFF;
    line-height: 1.8em;
}

#product-page-title {
    padding: 4px 0px 21px 0px;
    color: #d04e0e;
    font-size: 30px;
    line-height: 1em;
}
.page-description
{
    margin-bottom:10px;
}

#product-page-description {
    margin-bottom: 10px;
    color: #8a8989;
    font-weight: 700;
}

#promotion-page-title {
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #ef2222;
    padding: 3px 25px 3px;
}


.promotion-description,
.promotion-info {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px
}

#promotion-page-title i {
    padding-right: 10px
}

.promotion-info {
    box-shadow: 0 0 8px #e6e5e5
}

.promotion-description {
    padding: 30px;
    box-shadow: 0 0 8px #a5a5a5
}

.promotion-description:after {
    position: absolute;
    background-image: url(images/sml1.png);
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    content: "";
    right: -3px;
    top: 90px
}

#terms-title {
    margin-bottom: 35px;
    border-radius: 25px;
    background-color: #9a9a9a;
    padding: 10px 0px 10px 15px;
}

.terms-subtitle {
    font-size: 19px;
    padding: 5px 0;
    color: #3c3b3b
}

.breadcrumb-menu {
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 25px
}

.breadcrumb-menu a {
    color: #333
}

.border-logo {
    border: 3px solid rgba(175, 175, 175, .2);
    border-radius: 20px
}

.logo-item {
    margin-bottom: 10px
}

.img-lic {
    max-width: 85%
}

#products-grid .row {
    margin-bottom: 10px;
}

#order-list th,
#order-list td {
    padding-right: 40px;
}

.order-info {
    margin-bottom: 17px;
    font-weight: 600;
}

.top-product {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px #e6e5e5;
}

.product-item-top {
    text-align: center;
    padding: 10px;
    border: 1px solid rgba(89, 89, 89, .1);
    margin: 10px 0;
    background: #fff;
    border-radius: 10px;
}

.product-item-top-name {
    line-height: 1.3em;
    height: 3.8em;
    overflow: hidden;
    margin-top: 5px;
}

.product-item-top-name a {
    margin-top: 12px;
    font-weight: 300;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    margin-bottom: 8px;
    color: inherit;
    text-decoration: none;
}

.top-item-category {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
    color: #0e90d0;
    line-height: 2em;
    font-weight: 600;
}

#cookie-table th {
    border-bottom: 1px solid rgba(0, 0, 0, .6);
}

#cookie-table td {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#product-stock .fa-ul li {
    margin-bottom: 10px;
}

.header-inst {
    font-size: 20px;
    padding: 10px 0px 23px 0px;
    color: Red;
}

#contact-area div {
    margin-top: 15px;
    margin-bottom: 15px;
}

#contact-area div input {
    max-width: 400px;
}

#itmsPerPage {
    margin-left: auto;
    width: 75px;
    margin-top: 2px;
    height: calc(2.25rem + -1px);
}

.product-not-active {
    background-color: red;
    padding: 5px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}

.category-text {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
}

#contact-grid form {
    width: 400px;
}

#contact-grid #contact-title {
    font-weight: 600;
    font-size: 19px;
    border-radius: 8px;
    padding: 3px 25px 3px;
    color: inherit;
    margin-bottom: 20px;
    line-height: 1.8;
    display: flex;
}

.contact-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6e757b;
    font-weight: 700;
    opacity: 1;
    /* Firefox */
}

.contact-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6e757b;
    font-weight: 700;
}

.contact-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #6e757b;
    font-weight: 700;
}

#contact-grid #send-question-cont {
    display: flex;
    justify-content: space-between;
}

.contact1-pic {
    display: none;
}

.noscriptmsg
{
    display:none;
    padding-top: 5%;
    }
    
.news-icon
{
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 25px;
}

.generate-url
{
    cursor:pointer;
    color:#FF0000;
    }
    
.date-published
{
    display: inline-block;
    color: #7d7d7d;
    font-size: .9rem;
    }
    
 .news-fieldset
 {
    border: none;
    display: inline-flex;
    background-color: #FFF;
    padding: 0px 30px 30px;
    font: 400 .9rem 'Montserrat';
    letter-spacing: .05rem;
    box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    color:#222;
  }
  
  .news-fieldset .form-legend-1 .number,
  .news-fieldset .form-legend .number
  {
     
    background: #e64040;
    height: 30px;
    color:#FFF;
    width: 30px;
    display: inline-block;
    font-size: .8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 15px 15px 15px 0;

  }
  
  .news-fieldset .form-legend-1 .legend-title,
  .news-fieldset .form-legend .legend-title
  {

    font: 700 .9rem 'Montserrat';
    letter-spacing: .05rem;
    text-transform: uppercase;
    margin-left: 7px;
  }
  
  .news-fieldset span label
  {
      display: inline-block;
    transform: translate(.7rem, 2.3rem);
    transition: 0.15s;
    opacity: 1;
    text-rendering: optimizeLegibility;
      }
      
   .news-fieldset span .news-input
   {

    display: block;
    width: 80%;
    padding: .375rem .75rem;
    line-height: 1.5;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: none;
    border-bottom: 2px solid #bbbbbb;
    opacity: .9;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   }
   
   .inputs--filled label {
     transform: translate(.7rem, .3rem) !important;
     font-weight:700;
     color:#4c4c4c;
  }
  
  figure {
  margin: 0;
  padding: 0;
}
figure:nth-child(2n){
  margin-bottom:30px;
} 
figure:nth-child(2n+1){
  margin-top:30px;
}

.filters-group {
    padding: 0;
    margin: 0 0 20px;
    border: 0;
    text-align:center;
}
.filter-label {
    display: block;
    padding: 0;
    margin-top: 0;
    margin-bottom: 4px;
    color: #95a5a6;
    font-size: 1.3rem;
}
.btn-group:after, .btn-group:before {
    content: " ";
    display: table;
}

.btn-group .sort-btn:first-child {
    border-radius: 3px 0 0 3px;
}
.sort-btn.active, .sort-btn:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    color: #fff;
    background-color: #2287ec;
    border: 1px solid #2287ec;
}

.btn-group .sort-btn {
    float: left;
    border-radius: 0;
}
.sort-btn {
    display: inline-block;
    padding: .75em .8em;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #c1d5e1;
    color: #34495e;
    font-size: 1rem;
    background-color: rgba(52,73,94,0);
    transition: .2s ease-out;
    cursor: pointer;
    -webkit-appearance: none;
}

.btn-group label.sort-btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}


@media (min-width: 768px) {
    .topcatcont {
        padding-left: 0px;
        padding-right: 0px;
    }
    .contact1-pic {
        display: block;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 992px),
(min-device-width: 992px) and (max-device-width: 1024px) {
    /* ORDER POSITION TABLE RESPONSIVE */
    #order-positions,
    #invoice-positions,
    #cookie-table {
        border: 0;
        width: 100%;
    }
    #prod-img,
    #hdr-num,
    #body-num {
        display: none !important;
    }
    #order-positions caption,
    #invoice-positions caption,
    #cookie-table caption {
        font-size: 1.3em;
    }
    #order-positions thead,
    #invoice-positions thead,
    #cookie-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #order-positions tr,
    #invoice-positions tr,
    #cookie-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    #order-positions td,
    #invoice-positions td,
    #cookie-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    #order-positions td::before,
    #invoice-positions td:before,
    #cookie-table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    #order-positions td:last-child,
    #invoice-positions td:last-child,
    #cookie-table td:last-child {
        border-bottom: 0;
    }
    .extraNote {
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #administration-buttons .fa-ul li a {
        font-size: 16px;
        margin-left: 5px;
    }
    /* ORDER POSITION TABLE RESPONSIVE */
}

#company-address-right img {
    margin-bottom: 15px;
}
#company-address-right .srrs_logo{
    display:block;
    width:100px;
    margin-top:40px;
}
#company-address-right .company-name {
    font-size: 17px;
}

#company-address-right #boniteta {
    margin-top: 20px;
}

@media only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* ORDER TABLE RESPONSIVE */
    #order-list {
        border: 0;
        width: 100%;
    }
    #order-list caption {
        font-size: 1.3em;
    }
    #order-list thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #order-list tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    #order-list td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    #order-list td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    /* ORDER TABLE RESPONSIVE */
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .extra-info {
        margin-top: 5px;
    }
    .extraNote {
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1370px) {
    .position-editor-field,
    .position-editor-label {
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .order-views-section {
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .contact-item {
        margin-left: 0px;
    }
    .order-views-section span:nth-child(1),
    .order-views-section span:nth-child(2),
    .order-views-section span:nth-child(3),
    .new-order-section,
    .order-views-section {
        display: block;
    }
    .order-views-section span {
        margin-right: 0px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
		.offer-text div{
			margin:0 auto;
		}
	
}

@media (max-width: 992px) 
{
    #banner-packets {
        position:relative;
    }
    .news-fieldset span .news-input
    {
        width:100%;
    }
    .mail-img
    {
        display:none;
        }
    #news-button
    {
       width: 70%;
       margin: 0 auto;
        }
        
    .prize-game-finished
    {
        width: 100%;
        margin:10% 0;
     }
     .page-description .read-more
     {
        display:none;
     }
}

@media (max-width: 768px) {
    #note {
        width: 300px;
    }
    #noteP {
        width: 200px !important;
    }
    .stock-order {
        padding: 0px 10px 10px 10px;
    }
    #product-stock ul {
        float: none;
        margin: 0px;
        padding: 5px;
    }
    #item-exists {
        margin-left: 0px;
        text-align: center;
    }
    #qnty-order {
        margin-left: 0px;
        margin-top: 15px;
    }
    #contact-area div {
        margin-left: 0px !important;
    }
}

@media (max-width: 400px) {
    #note {
        width: 300px;
    }
}