﻿/**General**/
/*resets form earlyer version*/
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }
.invisible { visibility: hidden; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
@media (max-width: 767px) {
    .visible-xs { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md { display: block !important; }
}
@media (min-width: 1200px) {
    .visible-lg { display: block !important; }
}
@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
a { color: inherit; text-decoration: none; }
.modal .close { background: transparent; border: none; }
.flexslider .slides img { margin: auto; }
/*end for rest*/


/*------------------------------------*\
   header-fixed
\*------------------------------------*/
#header2.fixedMenu { position: fixed; top: 0; }
/*------------------------------------*\
   Grid boxes
\*------------------------------------*/
@media(max-width:991px) {    
    .grid-boxes { flex-direction: row; justify-content: center; }
}

@media(max-width:767px) {
    .grid-boxes .grid-box { margin-left: 0; margin-right: 0; margin-bottom: 10px; width: 50%; }
    
}
/*------------------------------------*\
   Grid Row
\*------------------------------------*/

@media(max-width:767px) {
    .grid-rows .grid-row-cell { float: left !important; width: 100%; }

}
/*------------------------------------*\
   owl-carousel
\*------------------------------------*/
.owl-carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; }

/*------------------------------------*\
   gridshort-view-media
\*------------------------------------*/
#gridshort-view-media { display: flex; flex-wrap: wrap; column-gap: 13px; }
#gridshort-view-media > div { width: calc(25% - 10px); padding: 0; }

@media(max-width: 767px) {
    #gridshort-view-media { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; margin: 0 auto; column-gap: unset; }
    #gridshort-view-media > div { width: calc(50% - 10px); }
}

/*------------------------------------*\
   DynamicFormObject
\*------------------------------------*/
#DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }

/*catalog*/
#CatalogModule .flex-viewport { padding: 0; }
#CatalogModule .relatedItems { margin: 0; }
.itemContentWrapper { direction: ltr; position: relative; z-index: 1; }
.RelatedItemsWrapper { position: relative; margin-top: 80px; }
.catalogItemBox a.item-text, .catalogCategoryBox .catalogCategoryBoxText { position: relative; }

/*------------------------------------*\
   gird-rows
\*------------------------------------*/
.box-image-animation img { width: 100%; height: 100%; object-fit: cover; }

.grid-rows .grid-row { display: flex; flex-wrap: wrap; align-items: center; }
.grid-rows .grid-row-cell { display: inline-flex !important; flex-basis: 50%; align-items: center; justify-content: center; height: 100%; }
.grid-row .grid-row-image-container { position: relative; }
.grid-row li.slider-item { padding: 0; }

@media(max-width: 767px) {
    #gridshort-view-media { margin: 0 0; }
}