img { height: auto;max-width: 100%; }

.form-control { border-radius: 2px; height: unset;}

.btn {padding: 12px 20px; border:2px;}


.btn-group-xs>.btn, .btn-xs { padding: 1px 5px!important;}
.btn-group-sm>.btn, .btn-sm { padding: 5px 10px!important;}
.btn-xl {padding: 20px 50px!important; font-size: 16px;}

.btn-custom { background: #efefef; }
.btn-white { background: #fff;}
.btn-white.btn:hover { background-color: #f7f7f7;}
.btn-success { background: #45b43d; }
.btn-success-light {  background-color: rgba(5,150,105,1)}
.btn-success-light.btn:hover { color: #fff!important;background-color: rgba(4,120,87,1);}
.btn-primary { background: #35abea;}
.btn-radius { border-radius: 3px; -webkit-border-radius: 3;}
.btn-no-radius { border-radius: 0px; -webkit-border-radius: 0; }




a.animated-icon-link {font-size: 18px; font-weight: 700; text-transform: uppercase;}
a.animated-icon-link:hover {text-decoration: none;}
.animated-icon { -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; margin-left: 15px;}
a.animated-icon-link:hover .animated-icon { margin-left: 25px; }

a.animated-light {border: 2px solid #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light:hover { background:#fff; color:#1a4d85; text-decoration:none;}

a.animated-dark {border: 2px solid #454d58;  cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#454d58; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark:hover { background:#454d58; color:#fff; text-decoration:none;}

a.animated-light2 {background: #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#0b264c; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light2:hover { background:#e8e8e8; color:#0b264c; text-decoration:none;}

a.animated-dark2 {background: #0b264c; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark2:hover { background:#081d3a; color:#fff; text-decoration:none;}

a.animated-dark2-arrow { border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; padding: 10px 15px; transition: all 0.5s; cursor: pointer; display: inline-block; width: 220px;  }
a.animated-dark2-arrow span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
a.animated-dark2-arrow span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
a.animated-dark2-arrow:hover span { padding-right: 25px; color: #fff }
a.animated-dark2-arrow:hover span:after { opacity: 1; right: 0; }




.text-white { color: #fff; }
.text-dark { color: #222; }
.text-bold { font-weight: 700; }
.text-md { font-size: 26px; }
.text-lg { font-size: 36px; }
.text-sm, .sm {font-size: 22px!important;}



.height100 { height: 100px; }
.height150 { height: 150px; }
.height200 { height: 200px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height350 { height: 350px; }
.height400 { height: 400px; }
.height450 { height: 450px; }
.height500 { height: 500px; }
.height550 { height: 550px; }
.height600 { height: 600px; }
.height650 { height: 650px; }

@media only screen and (max-width: 1366px) {    
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {

    .height500 { height: 300px; }
    .height550 { height: 300px; }
    .height600 { height: 300px; }
    .height650 { height: 300px; }

}



.m-0 {margin: 0px !important;}

.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-l-20 {margin-left: 20px;}

.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px;}
.m-r-20 {margin-right: 20px;}

.m-t-0 {margin-top: 0px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px!important;;}
.m-t-20 {margin-top: 20px!important;;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-100 {margin-top: 100px !important;}

.m-b-10 {margin-bottom: 10px!important;;}
.m-b-15 {margin-bottom: 15px!important;;}
.m-b-20 {margin-bottom: 20px!important;;}
.m-b-30 {margin-bottom: 30px!important;;}
.m-b-40 {margin-bottom: 40px!important;;}
.m-b-50 {margin-bottom: 50px!important;;}
.m-b-90 {margin-bottom: 90px!important;;}
.m-b-100 {margin-bottom: 100px!important;;}

.p-15 { padding: 15px; }
.p-50 { padding: 50px; }
.p-70 { padding: 70px; }

.p-t-0 {padding-top: 0px;}
.p-t-20 {padding-top: 20px;}
.p-t-80 {padding-top: 80px;}
.p-t-100 {padding-top: 100px;}

.p-b-100 {padding-bottom: 100px;}




.required-label, .error { color: red; }
.required-active { background: #ffdddd; }
.tooltip-inner { min-width: 120px; }
.brand-title { font-size: 20px; font-weight: 700; }
.scrollToTop { width: 45px; height: 45px; line-height: 45px; position: fixed; bottom: 50px; right: 50px; font-size: 16px; border-radius: 50%; z-index: 99; color: #ffffff; border: 1px solid #b7b7b7; text-align: center; cursor: pointer; background: #241e20; transition: all 500ms ease; -webkit-animation: pulse 1s infinite; -o-animation: pulse 1s infinite; animation: pulse 1s infinite;} 
#compare-button {position: fixed; bottom: 27px; left: 15px;}
#compare-button a {padding: 15px 15px; background: #555d64; color: #fff;}
.masonry-grid-item {border:1px solid #ccc; background: #eaeaea; }
#thanks-support { position: fixed; right: 10px; bottom: 80px;}
.bodyhidden {display: none}
.xadmin-links {position: fixed; right: 0; top: 50%; width: 40px; background: #241e20; border: 1px solid #fff;z-index: 10; padding: 7px; text-align: center;}



.text-underline-indigo {text-decoration: none; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(70%,rgba(101,125,225,.4))); background-image: linear-gradient(180deg,transparent 70%,rgba(101,125,225,.4) 0);}
.text-shadow { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.65); }
.text-truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; min-width: 0 !important;}
.wavy-underline {-moz-text-decoration-style: wavy; -webkit-text-decoration-style: wavy; text-decoration-style: wavy;}
.wave-bg { background-color: #d7eee2; background-image: url(/img/patterns/wave.svg); }
.borderLight {border: 5px solid #f0f0f0;}

.box-inset {box-shadow: inset 1px 0px 14px 0px #292929; -webkit-box-shadow: inset 1px 0px 14px 0px #292929; -moz-box-shadow: inset 1px 0px 14px 0px #292929; -o-box-shadow: inset 1px 0px 14px 0px #292929; }
.box-shadow {-webkit-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25);}
.strong-shadow-hover:hover {box-shadow: 3px 3px 9px 2px #afafaf;}
.ani-move-up {transition: 0.5s;}
.ani-move-up:hover {margin-top: -10px}

.bgclip { background: /*url()*/ linear-gradient( 135deg, #42C78A 30%, #1889CF 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a.text-clip-hover { position: relative; display: inline-block; color: royalblue; text-decoration: underline; overflow: hidden; }
a.text-clip-hover::before { position: absolute; content: attr(data-content); top: 0; left: 0; color: midnightblue; text-decoration: underline; overflow: hidden; transition: width 275ms ease;}
a.text-clip-hover::before { width: 0; white-space: nowrap; }
a.text-clip-hover:hover::before { width: 100%; }


.flex { display: flex; }
.flex-column {flex-direction: column;}
.flex-justify-center { justify-content: center;}
.flex-items-center { align-items: center;}
.flex-row { flex-direction: row; padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -moz-flex;
  display: -webkit-flex; display: flex;  float: left;}
.flex-start { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; }
.flex-center {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-end { display: flex; align-items: center; justify-content: flex-end; flex-direction: row;}
@media only screen and (max-width: 767px) {
    .flex { display: block; }
}



/* Gutter width */
.row.no-gutter {padding-right:15px; padding-left:15px;}
.row.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

.row.gutter-10 { margin-left: -5px; margin-right: -5px; }
.row.gutter-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.row.gutter-15 { margin-left: -7px; margin-right: -7px; }
.row.gutter-15 > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

.row.gutter-20 { margin-left: -10px; margin-right: -10px;}
.row.gutter-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }


.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-5ths { width: 20%; float: left; }
@media (max-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }
@media (max-width: 992px) { .col-md-5ths { width: 33.33%; float: left; } }
@media (max-width: 768px) { .col-sm-5ths { width: 50%; float: left; } }
@media (max-width: 768px) { .col-xs-5ths { width: 50%; float: left; } }



ul.list3 {margin-top: 20px;}
ul.list3 li { position: relative;  display: inline-block;  float: left; padding: 0px 0px 0px 25px; width: 33%;  margin-bottom: 10px;}
ul.list3 li:before {  position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "\f00c"; font-size: 16px; color: #71b100; left: 0px; top: 0px; text-rendering: auto; -webkit-font-smoothing: antialiased;}

ul.bullet { padding: 0 10px; font-size: 15px; color:#023c64;}
ul.bullet li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; line-height: 22px;} 
ul.bullet li a { color:#023c64; }



.nav-tabs.centered { text-align:center; }   
.nav-tabs.centered > li { float:none; display:inline-block; zoom:1;}




.banner-combo2 .insider-left {background: #333;color: #fff; margin-left: -180px;padding: 15px 35px; position: relative;z-index: 2;}
.banner-combo2 p.big-text { font-size: 33pt; line-height: 50px; text-transform: uppercase; margin: 30px 0 40px 0;}
.banner-combo2 p.big-text::before { position: absolute; content: ''; width: 0; height: 0; border-top: 30px solid #0c59db; border-right: 30px solid transparent; top: 120px;left: 40px;}
@media only screen and (max-width: 767px) {
    .banner-combo2 .insider-left { margin-left: 0px; margin-top: -250px;}
}

.banner-combo2 .insider-right {background: #333;color: #fff; margin-right: -180px;padding: 15px 35px; position: relative;z-index: 2;}
.banner-combo2 p.big-text { font-size: 33pt; line-height: 50px; text-transform: uppercase; margin: 30px 0 40px 0;}
.banner-combo2 p.big-text::before { position: absolute; content: ''; width: 0; height: 0; border-top: 30px solid #0c59db; border-right: 30px solid transparent; top: 120px;left: 40px;}
@media only screen and (max-width: 767px) {
    .banner-combo2 .insider-right { margin-right: 0px; margin-top: -250px;}
}


.aniBannerHolder { position: relative; overflow: hidden; /*float: left; width: 33.3333%; width: calc(33.3333% - 0px);*/}
.aniBannerHolder .img-holder { line-height: 0; overflow: hidden; width: 100%;  margin-bottom: 0px; z-index: 1;  position: relative;}
.aniBannerHolder img {-webkit-transition: all 0.6s; transition: all 0.6s;}
.aniBannerHolder:hover img {transform: scale(1.1);}
.aniBannerHolder .overlay { position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(46,46,46,0.6); opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 9;}
.aniBannerHolder:hover .overlay { top: 10px; right: 10px; bottom: 10px; left: 10px; opacity: 1;}
.aniBannerHolder .caption { position: absolute; display: inline-block;  left: 20px; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; -webkit-transition: all 0.6s; transition: all 0.6s; color: #fff;}
.aniBannerHolder:hover .caption { margin-left: 20px;}
.aniBannerHolder .captionCenter { position: absolute; display: inline-block;  left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; -webkit-transition: all 0.6s; transition: all 0.6s; color: #fff;}
.aniBannerHolder .captionCenter a h3 { color: #fff; margin-bottom: 45px; }



.smallLineHolder { position: relative;  }
.smallLine { position: absolute; height: 10px; width: 200%; transform: translate(-25%) scale(0.5) }
.smallLine1 { background: linear-gradient(45deg, transparent, transparent 49%, red 49%, transparent 51%); }
.smallLine2 { background: linear-gradient(-45deg, transparent, transparent 49%, red 49%, transparent 51%); }
.smallLine { background-size: 20px 20px; }





@keyframes shakemake {
    0% { transform-origin:center center; transform: rotate(95deg) scale(1) }
    1% { transform: rotate(72deg) scale(1.2) }
    2% { transform: rotate(98deg) scale(1.2) }
    3% { transform: rotate(72deg) scale(1.2) }
    4% { transform: rotate(98deg) scale(1.2) }
    5% { transform: rotate(72deg) scale(1.2) }
    6% { transform: rotate(98deg) scale(1.2) }
    7% { transform: rotate(72deg) scale(1.2) }
    8% { transform: rotate(98deg) scale(1.2) }
    9% { transform: rotate(72deg) scale(1.2) }
    10% { transform: rotate(98deg) scale(1.2) }
    11% { transform: rotate(72deg) scale(1.2) }
    12% { transform: rotate(90deg) scale(1) }
    100% { transform: rotate(90deg) }
}


a.topMenuButton  { color: #ffb963!important; border: 0px solid #ffb963; margin-left: 20px; }
a.topMenuButton:hover { color: #ffb963!important; border: 0px solid #ffb963; background-color: #00D45C; }
a.topMenuButton.royalBlue  { background-color: #241e20; color: #fff !important;  min-width: 200px; text-align: center; }
.navbar-default .navbar-nav>li a.royalBlue>:focus, .navbar-default .navbar-nav>li a.royalBlue:hover { background-color: #092c66; } /*hover bg*/
.animateMe::before { position: absolute; margin: -12px 0px 0 -17px; animation: shakemake 6s ease-in-out infinite normal; }




/* Title v1 center */
h2.background { position: relative;  z-index: 1;  text-transform:none; margin-bottom: 40px; margin-top: 43px; color: #545454; font-size: 22px; }
h2.background:before { border-top: 1px solid #eaeaea;  content: "";  margin: 0 auto;  position: absolute;  top: 50%;  left: 0;  right: 0;  bottom: 0;  width: 100%;  z-index: -1;}
h2.background span {  background: #f9f9f9;  padding: 0 15px; letter-spacing: 1px; }


/* Title with left and right border */
.fancy-title {width: fit-content;}
.fancy-title p { font-size: 16px; color: #b9b9b9; }
.fancy-title h2.background-absolute { margin-top: 10px; }
.fancy-title h2.background-absolute:before { right: 105%; right: calc(100% + 25px);  }
.fancy-title h2.background-absolute:after { left: 105%; left: calc(100% + 25px);  }
.fancy-title h2.background-absolute:after,  h2.background-absolute:before { position: absolute; top: 50%; content: ''; width: 330%; height: 1px; background: rgba(0,0,0,0.075); }



/* Small line */
.small.background { position: relative;  z-index: 1;  text-transform:none; margin-bottom: 15px; margin-top: 15px; color: #9e9e9e;}
.small.background:before { border-top: 1px solid #eaeaea;  content: "";  margin: 0 auto;  position: absolute;  top: 50%;  left: 0;  right: 0;  bottom: 0;  width: 100%;  z-index: -1;}
.small.background span { background: #fff;  padding: 0 15px; }


/* Title v2 romb */
.background-romb { position: relative;  z-index: 1;  text-transform:uppercase;  font-weight: 300;}
.background-romb::before { border-top: 1px solid #00a651;  content: "";  margin: 0 auto;  position: absolute;  top: 50%;  left: 0;  right: 0;  bottom: 0;  width: 100%;  z-index: -1;}
.background-romb h3 { background: #00a651; color: #fff; padding: 15px 45px; }
.background-romb h3::before { content: ' '; width: 55px;height: 55px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -8px; margin-left: -74px; }
.background-romb h3::after { content: ' '; width: 55px; height: 55px; background-color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -8px; margin-left: 20px; }




/* HOME */
.why-us-home {margin-bottom:40px;}
.why-us-home h4 {font-size:18px; margin-top: 50px;color: #e9602a; font-weight: 700; }

.block-service-home6 { background-color : #f9f9f9; border : 1px solid #ebebeb; border-radius : 3px; margin : 20px 0 0; }
.block-service-home6 ul { list-style : none; margin : 0; overflow : hidden; padding : 20px 0; }
.block-service-home6 ul > li { border-right : 1px solid #ebebeb; float : left; text-align : center; width : 20%; }
.block-service-home6 ul > li:last-child { border-right : 0px solid #ebebeb; }
.block-service-home6 ul > li .wrap { display : inline-block; margin-bottom : -8px; overflow : hidden; }
.block-service-home6 ul > li .wrap .icon { display : inline-block; float : left; height : 57px; margin-right : 20px; width : 57px; }
.block-service-home6 ul > li .wrap .text { float : left; padding : 9px 0 0; }
.block-service-home6 ul > li .wrap .text h5 { margin : 0 0 3px; }
.block-service-home6 ul > li .wrap .text h5 a { font-size : 14px; text-transform : capitalize; }
.block-service-home6 ul > li .wrap p { margin-bottom : 0; }
.block-service-home6 ul > li.free-ship .icon { background : url("/img/icon/04.png") no-repeat center center ; }
.block-service-home6 ul > li.support .icon { background : url("/img/icon/02.png") no-repeat center center ; }
.block-service-home6 ul > li.free-return .icon { background : url("/img/icon/05.png") no-repeat center center ; }
.block-service-home6 ul > li.payment .icon { background : url("/img/icon/03.png") no-repeat center center ; }
.block-service-home6 ul > li.big-saving .icon { background : url("/img/icon/01.png") no-repeat center center ; }

@media screen and (min-width: 1024px) and (max-width: 1400px) { 
    .block-service-home6 ul > li .wrap .text { font-size: 10px; }
}

@media (max-width: 991px) { 
    .block-service-home6 ul { margin : 0; overflow-x : scroll; overflow-y : hidden; white-space : nowrap; }
    .block-service-home6 ul li { display : inline-block; float : none !important; vertical-align : top; white-space : normal; width : 350px; }
}






/* snip1273 - home 5x category */
figure.snip1321 { color: #000000; float: left; margin: 10px 1%; max-width: 14.6%; min-width: 17.7%; overflow: hidden; perspective: 50em; position: relative; text-align: center; webkit-perspective: 50em; width: 100%; }
figure.snip1321 * { box-sizing: padding-box; transition: all 0.2s ease-out; webkit-box-sizing: padding-box; webkit-transition: all 0.2s ease-out; }
figure.snip1321 img { max-width: 100%; vertical-align: top; }
figure.snip1321 figcaption { left: 20px; opacity: 0; position: absolute; right: 20px; top: 50%; z-index: 1; }
figure.snip1321 h2, figure.snip1321 h4 { margin: 0; }
figure.snip1321 h2 { font-weight: 600; font-size:16px; }
figure.snip1321 h4 { font-weight: 400; text-transform: uppercase;font-size:12px; }
figure.snip1321 i { font-size: 32px; }
figure.snip1321:after { background-color: #ffffff; bottom: 20px; content: ""; display: block; left: 20px; ms-transform-origin: 50% 50%; opacity: 0; position: absolute; right: 20px; top: 20px; transform: rotateX(-90deg); transform-origin: 50% 50%; transition: all 0.4s ease-in-out; webkit-transform: rotateX(-90deg); webkit-transform-origin: 50% 50%; webkit-transition: all 0.4s ease-in-out; }
figure.snip1321 a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption { opacity: 1;  transition-delay: 0.2s; webkit-transition-delay: 0.2s;transform: translateY(-50%);webkit-transform: translateY(-50%);  }
figure.snip1321:hover:after, figure.snip1321.hover:after { opacity: 0.9; transform: rotateX(0); webkit-transform: rotateX(0); }






/* Vertical center with text - lipalek */
.flex-vertical-center {  align-content: center; align-items: flex-end; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.flex-vertical-center:hover { }
.flex-vertical-center .object { background: rgba(255, 255, 255, 0.72); font-size: 20px; overflow: hidden; width: 100%; padding: 30px; text-align: center; font-weight: 700; moz-transition: all .3s ease-in-out;o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;webkit-transition: all .3s ease-in-out;}
.flex-vertical-center:hover > .object { background: rgba(182, 189, 196, 0.8);  text-decoration:none; }
.flex-vertical-center .object a:hover { text-decoration:none; }
.flex-vertical-center:hover { background-size: 110%!important;}





/* Banner light/dark - rasadnik */
.interactive-banner { overflow: hidden; display: flex; align-content: center; flex-direction: row; flex-wrap: wrap; text-align: center; }
.interactive-banner .content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.interactive-banner img { -webkit-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.interactive-banner .image { position: relative;  }
.interactive-banner:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.interactive-banner .banner-link { font-size: 30px; line-height: 1; font-weight: 700; text-transform: capitalize; }
.interactive-banner .banner-text { padding: 20px 0;  margin: 0; display: block; font-size: 16px; line-height: 1.5; }
.interactive-banner a:hover { text-decoration: none; }


.light .content, .dark .content { padding: 33% 8% 0; }


.light .banner-link, .light .banner-text { color: #fff; }
.dark .banner-link, .dark .banner-text { color: #000; }
.interactive-banner .button-more { display: inline-block; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; padding: 15px 30px; line-height: 1; background-color: #fff; color: #222; font-weight: 700; text-transform: uppercase; }
.interactive-banner .button-more:hover { color: #000; background-color: #fff; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0 , 0.4); box-shadow: 0 5px 11px 0 rgba(0, 0, 0 , 0.4); text-decoration: none; }
.interactive-banner.dark .button-more {background-color: #000; color: #fff;  }
.interactive-banner.dark .button-more:hover {background-color: #000;  color: #fff; }



/* Ravnomerno */
ul.ravnomerno  { padding:15px;margin: 0; float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;  -webkit-flex-direction: row;  -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between;}
ul.ravnomerno li { display: inline-block; vertical-align: top; float: left; text-align: left;}
ul.ravnomerno li .gimg { float: left; margin-right: 20px; margin-top: 6px;}
ul.ravnomerno li .gtex { color: #000000; font-size: 14px; font-weight: 500; float: left;}



/* Banner combo1 */
.banner-combo1 {}
.banner-combo1 .height1 {  margin-bottom: 20px; }
.banner-combo1 .height2 { margin-bottom: 20px; }




/* Banner combo2 */
.banner-combo2 .imgdiv { line-height: 0; overflow: hidden; width: 100%; min-height: 240px;  z-index:1; position:relative; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition:  all .4s ease-in-out;}
.banner-combo2 .imgdiv .bg {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.65)); position:absolute; width:100%; height:100%; left: 0; top: 0; z-index:2; }
.banner-combo2 .imgdiv img {width:100%;height:auto; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition:  all .4s ease-in-out;}
.banner-combo2 .imgdiv:hover { -webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); }
.banner-combo2 .imgdiv:hover > img { -webkit-transform : rotate(1deg) scale(1.2); -ms-transform:rotate(1deg) scale(1.2); transform: rotate(1deg) scale(1.2); }
.banner-combo2 .imgdiv:hover > .bg {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
.banner-combo2 .imgdiv h4 {  top: 50%; left: 50%;  transform: translate(-50%, -50%); position: absolute; color: #fff; font-size: 20px; z-index: 3;}
.banner-combo2 .padding { padding: 0 30px; text-align: center;}
.banner-combo2 .padding hr { width: 50px; border-top: 5px solid #9e2060; margin: 5px 0 20px 0;}



/* Banner combo3 */
.banner-inner-border-light { width: calc(100% - 50px); height: calc(100% - 50px); position: absolute; top: 25px; left: 25px; border: 8px solid rgba(255,255,255,0.1); }
.banner-inner-border-medium { width: calc(100% - 50px); height: calc(100% - 50px); position: absolute; top: 25px; left: 25px; border: 8px solid rgba(110,110,110,0.1); }
.banner-inner-border-light.gutter { width: calc(100% - 80px); left: 40px; }
.banner-inner-border-medium.gutter { width: calc(100% - 80px); left: 40px; }
.back01 { background-position: center left; background-size: cover; background-image: url(https://diviecommerce.aspengrovestudio.com/wp-content/uploads/2017/11/home_shop_cta__0003_5.jpg); background-color: #222222; }








/* Block home new cef */
.block-news-home-cef {padding: 100px 0; background: #f1f1f1; }
.block-news-home-cef h2 {font-weight: 900; font-size: 45px; color:#b8b8b8; margin: 0 15px 20px 15px; }
.block-news-home-cef .imgdiv { line-height: 0; overflow: hidden; width: 100%; max-height: 240px; margin-bottom: 15px; z-index:1; position:relative; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition:  all .4s ease-in-out;}
.block-news-home-cef .imgdiv .bg {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.65)); position:absolute; width:100%; height:100%; left: 0; top: 0; z-index:2; }
.block-news-home-cef .imgdiv img {width:100%;height:auto; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition:  all .4s ease-in-out;}
.block-news-home-cef .imgdiv:hover { -webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.5); }
.block-news-home-cef .imgdiv:hover > img {transform:scale(1.2);}
.block-news-home-cef .imgdiv:hover > .bg {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
.block-news-home-cef .imgdiv h4 {left: 30px; bottom: 23px; position: absolute; color: #fff; font-size: 20px; z-index: 3;}
.block-news-home-cef .imgdiv h4::before {background-color: #ed3331; content: ''; height: 4px; margin-top: -16px; position: absolute; width: 56px;}
.block-news-home-cef a.press-link h4 {font-size: 22px;font-weight: 900;color: #1d1c1c;}
.block-news-home-cef hr {display: block; width: 100%; padding-bottom: 10px; border-color: #b8b8b8;}
.block-news-home-cef a.animated-icon-link {color:#0880BE;}



/* Hero banner */
.hero-image { min-height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.hero-image .bg { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); position: absolute; width: 100%; height: 100%; }
.hero-image .hero-text { z-index: 1; text-align: center; color: #fff;}


.border1::before { content: ""; background: url(/img/patterns/divider.svg) repeat-x; position: absolute;  width: 100%; min-width: 1200px;height: 15px; top: -8px; left: 0; }
.border1::after { content: ""; background: url(/img/patterns/divider.svg) repeat-x; position: absolute;  width: 100%; min-width: 1200px;height: 15px; bottom: -8px; left: 0; }
.border1 .hero-text { width: 50%; background:#fff; color: #000;  }





/* Switch button */
.switch { position: relative; display: inline-block; width: 40px; height: 24px; margin-bottom: -6px; }
.switch input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #6da90d; }
input:focus + .slider { box-shadow: 0 0 1px #6da90d; }
input:checked + .slider:before { -webkit-transform: translateX(15px);   -ms-transform: translateX(15px);   transform: translateX(15px); }
.slider.round { border-radius: 24px; }
.slider.round:before { border-radius: 50%; }





.hvr-border-fade { box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;display: inline-block;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: box-shadow;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: box-shadow; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; }
.hvr-hollow { box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;display: inline-block;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: background;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: background; }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; }
.hvr-underline-from-left:before { background: #2098D1;bottom: 0;content: "";height: 4px;left: 0;position: absolute;right: 100%;transition-duration: .3s;transition-property: right;transition-timing-function: ease-out;webkit-transition-duration: .3s;webkit-transition-property: right;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; }
.hvr-underline-from-left, .hvr-reveal { box-shadow: 0 0 1px transparent;display: inline-block;overflow: hidden;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }
.hvr-reveal { box-shadow: 0 0 1px transparent;display: inline-block;overflow: hidden;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }
.hvr-reveal:before { border-color: #2098D1;border-style: solid;border-width: 0;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transition-duration: .1s;transition-property: border-width;transition-timing-function: ease-out;webkit-transition-duration: .1s;webkit-transition-property: border-width;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { border-width: 4px;transform: translateY(0);webkit-transform: translateY(0); }
.hvr-outline-out { box-shadow: 0 0 1px transparent;display: inline-block;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }
.hvr-outline-out:before { border: #e1e1e1 solid 4px;bottom: 0;content: '';left: 0;position: absolute;right: 0;top: 0;transition-duration: .3s;transition-property: top, right, bottom, left;webkit-transition-duration: .3s;webkit-transition-property: top, right, bottom, left; }
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { bottom: -8px;left: -8px;right: -8px;top: -8px; }
.hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-icon-bounce .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.hvr-sweep-to-right { box-shadow: 0 0 1px transparent; position: relative;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: color;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: color; }
.hvr-sweep-to-right:before { background: #338ab9; bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: 0 50%;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;webkit-transform: scaleX(0);webkit-transform-origin: 0 50%;webkit-transition-duration: .3s;webkit-transition-property: transform;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #fff; }
.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { transform: scaleX(1);webkit-transform: scaleX(1); }





.flag { width: 110px; height: 56px; box-sizing: content-box; padding-top: 15px; position: relative; background: red; color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; }
.flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 13px solid #fff; border-left: 55px solid transparent; border-right: 55px solid transparent; }

.burst-12 { background: red; width: 80px; height: 80px; position: relative; text-align: center; }
.burst-12:before,#burst-12:after { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: red; }
.burst-12:before { transform: rotate(30deg); }
.burst-12:after { transform: rotate(60deg); }

.trapezoid { border-bottom: 100px solid red; border-left: 25px solid transparent; border-right: 25px solid transparent; height: 0; width: 100px; }

.curvedarrow {position: relative; width: 0; height: 0; border-top: 9px solid transparent; border-right: 9px solid red; transform: rotate(10deg); }
.curvedarrow:after { content: ""; position: absolute; border: 0 solid transparent; border-top: 3px solid red; border-radius: 20px 0 0 0; top: -12px; left: -9px; width: 12px; height: 12px; transform: rotate(45deg); }



/* b-Lazy loader */
.b-lazy { -webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;max-width: 100%;opacity: 0; }
.b-lazy.b-loaded {opacity: 1; }
.image-loader { background: transparent url('/img/preloader.gif') center center no-repeat;max-width: 100%; min-height: 100px; }


/* html tooltip - popover */
a.tooltipHtml {outline:none; position: relative; }
a.tooltipHtml strong {line-height:30px;}
a.tooltipHtml:hover {text-decoration:none;} 
a.tooltipHtml span { z-index:9999;display:none; padding:14px 20px;  width:300px; }
a.tooltipHtml:hover span{  display:inline; position:absolute; left: 0; top: 10px;  border:2px solid #FFF; background:#fff repeat-x 0 0; }
a.tooltipHtml .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*for arrow*/
a.tooltipHtml span { border-radius:2px; box-shadow: 0px 0px 8px 4px #ccc; opacity: 1; }



@media (max-width: 991px) { 
    .fancybox-infobar { display: none; }
}