<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(//phonecare.cz/wp-content/themes/fixar/assets/fancybox/images/fancybox_loading@2x.gif);background-size:24px 24px}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;height: auto;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//phonecare.cz/wp-content/themes/fixar/assets/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.bx-wrapper{position:relative;margin:0 auto;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,.5);border:0;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-next,.bx-wrapper .bx-prev{text-indent:1px!important;font-size:40px;color:#333;text-decoration:none!important}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#237ac6}.bx-wrapper .bx-prev{left:10px}.bx-wrapper .bx-next{right:10px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;background:rgba(0,0,0,.3)!important;z-index:79;color:#fff;text-align:center;padding:0}.bx-wrapper .bx-controls-direction a i{font-size:27px;position:relative;top:-6px}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//phonecare.cz/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//phonecare.cz/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}@font-face{font-family:flexslider-icon;src:url(//phonecare.cz/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot);src:url(//phonecare.cz/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//phonecare.cz/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//phonecare.cz/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//phonecare.cz/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides&gt;li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides&gt;li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides&gt;li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}@-moz-document url-prefix(){.loading .flex-viewport{max-height:none}}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.rtl .flexslider{direction:rtl}.rtl .carousel li{margin-right:5px}.rtl .flex-direction-nav a:before{content:'\f002'}.rtl .flex-direction-nav a.flex-next:before{content:'\f001'}.rtl .flex-direction-nav .flex-prev{left:auto;right:-50px}.rtl .flex-direction-nav .flex-next{right:auto;left:-50px;text-align:left}.rtl .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:auto;right:10px}.rtl .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:auto;left:10px}.rtl .flex-pauseplay a{left:auto;right:10px}@media screen and (max-width:860px){.rtl .flex-direction-nav .flex-prev{left:auto;right:10px}.rtl .flex-direction-nav .flex-next{right:auto;left:10px}}.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}.slabtextdone .slabtext{display:block}.og-grid,
.or {
text-align: center
}
.ajax-loading li img {
opacity: .6
}
.og-grid .price {
display: block;
margin: 15px 0
}
.or {
background: #fff!important;
border: 7px solid #ddd!important;
border-radius: 100px;
color: #ddd!important;
font-size: 18px!important;
height: 60px;
left: -5px;
padding: 12px 7px 9px 10px!important;
position: relative!important;
text-transform: uppercase!important;
top: 8px;
width: 60px;
z-index: 200!important
}
.addtocart {
background: #fb6e52!important;
left: -10px;
position: relative
}
.og-grid li:hover .overlay-grid {
opacity: 1
}
.overlay-grid {
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
background: #999;
background: rgba(255, 255, 255, .7);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.overlay-grid i {
color: #898989;
font-size: 59px;
left: -2px;
position: relative;
top: 41px
}
.overlay-grid .price-box {
color: #898989;
font-size: 35px;
position: relative;
top: 56px;
left: 0
}
.og-grid {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%
}
.og-grid li {
display: inline-block;
min-width: 235px;
vertical-align: top;
width: 19.25%!important;
padding: .2%;
}
.col-sm-7 .og-grid li {
display: inline-block;
height: 140px;
max-width: 140px;
min-width: 140px;
max-height: 645px
}
.col-sm-7 .overlay-grid i {
top: 35px
}
.og-grid li&gt;a,
.og-grid li&gt;a img {
border: none;
display: block;
max-width: 100%;
min-width: 130px;
outline: 0;
position: relative;
width: 100%
}
.og-grid li&gt;a img,.og-grid li&gt;a:before{
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.og-grid li&gt;a:before{
font-family: 'theme-fonts' !important;
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
color: #fff !important;
font-size: 14px;
content: "\e980";
opacity: 0;
background: rgba( 0, 0, 0, 0.5);
text-align: center;
display: block;
padding: 5px 10px;
clear: both;
}
.og-grid li&gt;a:hover:before{
opacity: 1;
}
.og-grid li&gt;a:hover img{
opacity: 0.9;
}
.og-grid li.og-expanded&gt;a::after {
top: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #ddd;
border-width: 15px;
left: 50%;
margin: -15px 0 0 -15px
}
.og-expanded .fa-search-plus {
display: none
}
html .og-expanded .fa-search-minus {
display: block
}
.overlay-grid .fa-search-minus {
display: none
}
.og-expander {
position: absolute;
background: #ddd;
top: auto;
left: 0;
width: 100%;
margin-top: 10px;
text-align: left;
height: 0;
overflow: hidden;
border-bottom: 10px solid #fff;
}
.og-expander-inner {
height: 100%;
margin: 0 auto;
padding: 5% 0 0 0;
width: 1160px;
}
.og-close {
position: absolute;
width: 40px;
height: 40px;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 6;
}
.og-close::after,
.og-close::before {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg)
}
.og-details,
.og-fullimg {
float: left;
height: 100%;
position: relative;
overflow: hidden
}
.og-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.og-close:hover::after,
.og-close:hover::before {
background: #333
}
.og-fullimg {
width: 35%;
text-align: center
}
.og-details {
width: 60%;
padding: 0 0 0 20px
}
.og-fullimg img {
display: inline-block;
max-height: 100%;
width: 100%;
height: auto;
max-width: 312px
}
.og-details h3 {
color: #484848;
font-size: 36px;
font-weight: 400;
margin-bottom: 10px;
padding: 0
}
.og-details a,
.og-details p {
font-size: 16px;
font-weight: inherit;
}
.og-details p {
line-height: 2;
margin-bottom: 20px;
}
.og-details a {
letter-spacing: 2px;
margin: 0 0 30px;
outline: 0;
background: #ed912a;
color: #fff;
display: inline-block;
padding: 12px 25px;
text-transform: uppercase;
position: relative;
z-index: 3;
overflow: hidden
}
.og-details a:after,
.og-loading {
position: absolute;
top: 50%;
left: 50%
}
.og-details a:hover {
opacity: .9
}
.og-details a.addtocart:after {
background: #42acd4
}
.og-details a.or:after {
display: none!important
}
.og-details a.or:hover {
color: inherit!important
}
.og-details a:after {
background: #2a64d9;
height: 48%;
opacity: 0;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
width: 100%;
content: "";
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
transition: all .3s ease 0s;
z-index: -1;
display: inline-block
}
.og-details a:hover {
border-color: #fb6e52;
text-decoration: none;
color: #fff!important
}
.og-details a:hover:after {
height: 370%;
opacity: 1
}
.og-loading {
width: 20px;
height: 20px;
border-radius: 50%;
background: #ddd;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
margin: -25px 0 0 -25px;
-webkit-animation: loader .5s infinite ease-in-out both;
-moz-animation: loader .5s infinite ease-in-out both;
animation: loader .5s infinite ease-in-out both
}
@-webkit-keyframes loader {
0% {
background: #ddd
}
33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd
}
66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc
}
}
@-moz-keyframes loader {
0% {
background: #ddd
}
33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd
}
66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc
}
}
@keyframes loader {
0% {
background: #ddd
}
33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd
}
66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc
}
}
@media screen and (max-width:830px) {
.og-expander h3 {
font-size: 32px
}
.og-expander p {
font-size: 13px
}
.og-expander a {
font-size: 12px
}
}
@media screen and (max-width:650px) {
.og-fullimg {
display: none
}
.og-details {
float: none;
width: 100%
}
}
html .og-details {
overflow: auto;
}
@media (max-width:480px) {
html   .og-grid li{
width: 100% !important;
}
}.animsition,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animsition-overlay-slide {
position: fixed;
z-index: 999;
width: 100%; 
height: 100%;
background-color: #fff;
}
.animsition-loading {
width: 42px;
height:42px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 999
}
.animsition-loading img{
max-width: 100%;
height: auto;
}
@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in
}
@-webkit-keyframes fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fade-out {
-webkit-animation-name: fade-out;
animation-name: fade-out
}
@-webkit-keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up {
-webkit-animation-name: fade-in-up;
animation-name: fade-in-up
}
@-webkit-keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
}
@keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
}
.fade-out-up {
-webkit-animation-name: fade-out-up;
animation-name: fade-out-up
}
@-webkit-keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up-sm {
-webkit-animation-name: fade-in-up-sm;
animation-name: fade-in-up-sm
}
@-webkit-keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
@keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
}
.fade-out-up-sm {
-webkit-animation-name: fade-out-up-sm;
animation-name: fade-out-up-sm
}
@-webkit-keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-up-lg {
-webkit-animation-name: fade-in-up-lg;
animation-name: fade-in-up-lg
}
@-webkit-keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0
}
}
@keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0
}
}
.fade-out-up-lg {
-webkit-animation-name: fade-out-up-lg;
animation-name: fade-out-up-lg
}
@-webkit-keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-down {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down
}
@-webkit-keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
}
@keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0
}
}
.fade-out-down {
-webkit-animation-name: fade-out-down;
animation-name: fade-out-down
}
@-webkit-keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.fade-in-down-sm {
-webkit-animation-name: fade-in-down-sm;
animation-name: fade-in-down-sm
}
@-webkit-keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
.fade-out-down-sm {
-webkit-animation-name: fade-out-down-sm;
animation-name: fade-out-down-sm
}
.fade-in-down-lg {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down
}
@-webkit-keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
}
@keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0
}
}
.fade-out-down-lg {
-webkit-animation-name: fade-out-down-lg;
animation-name: fade-out-down-lg
}
@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left {
-webkit-animation-name: fade-in-left;
animation-name: fade-in-left
}
@-webkit-keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
}
@keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0
}
}
.fade-out-left {
-webkit-animation-name: fade-out-left;
animation-name: fade-out-left
}
@-webkit-keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left-sm {
-webkit-animation-name: fade-in-left-sm;
animation-name: fade-in-left-sm
}
@-webkit-keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
}
@keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
}
.fade-out-left-sm {
-webkit-animation-name: fade-out-left-sm;
animation-name: fade-out-left-sm
}
@-webkit-keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-left-lg {
-webkit-animation-name: fade-in-left-lg;
animation-name: fade-in-left-lg
}
@-webkit-keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
}
@keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0
}
}
.fade-out-left-lg {
-webkit-animation-name: fade-out-left-lg;
animation-name: fade-out-left-lg
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right {
-webkit-animation-name: fade-in-right;
animation-name: fade-in-right
}
@-webkit-keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
}
@keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0
}
}
.fade-out-right {
-webkit-animation-name: fade-out-right;
animation-name: fade-out-right
}
@-webkit-keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right-sm {
-webkit-animation-name: fade-in-right-sm;
animation-name: fade-in-right-sm
}
@-webkit-keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
@keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
.fade-out-right-sm {
-webkit-animation-name: fade-out-right-sm;
animation-name: fade-out-right-sm
}
@-webkit-keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.fade-in-right-lg {
-webkit-animation-name: fade-in-right-lg;
animation-name: fade-in-right-lg
}
@-webkit-keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
}
@keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0
}
}
.fade-out-right-lg {
-webkit-animation-name: fade-out-right-lg;
animation-name: fade-out-right-lg
}
@-webkit-keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in {
-webkit-animation-name: rotate-in;
animation-name: rotate-in
}
@-webkit-keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out {
-webkit-animation-name: rotate-out;
animation-name: rotate-out
}
@-webkit-keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in-sm {
-webkit-animation-name: rotate-in-sm;
animation-name: rotate-in-sm
}
@-webkit-keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out-sm {
-webkit-animation-name: rotate-out-sm;
animation-name: rotate-out-sm
}
@-webkit-keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
@keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
}
.rotate-in-lg {
-webkit-animation-name: rotate-in-lg;
animation-name: rotate-in-lg
}
@-webkit-keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transform-origin: center center;
opacity: 0
}
}
@keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center center
}
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transform-origin: center center;
opacity: 0
}
}
.rotate-out-lg {
-webkit-animation-name: rotate-out-lg;
animation-name: rotate-out-lg
}
@-webkit-keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x {
-webkit-animation-name: flip-in-x;
animation-name: flip-in-x;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x {
-webkit-animation-name: flip-out-x;
animation-name: flip-out-x;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x-nr {
-webkit-animation-name: flip-in-x-nr;
animation-name: flip-in-x-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x-nr {
-webkit-animation-name: flip-out-x-nr;
animation-name: flip-out-x-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
}
@keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
}
.flip-in-x-fr {
-webkit-animation-name: flip-in-x-fr;
animation-name: flip-in-x-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
@keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
.flip-out-x-fr {
-webkit-animation-name: flip-out-x-fr;
animation-name: flip-out-x-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y {
-webkit-animation-name: flip-in-y;
animation-name: flip-in-y;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y {
-webkit-animation-name: flip-out-y;
animation-name: flip-out-y;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y-nr {
-webkit-animation-name: flip-in-y-nr;
animation-name: flip-in-y-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y-nr {
-webkit-animation-name: flip-out-y-nr;
animation-name: flip-out-y-nr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
}
@keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
}
.flip-in-y-fr {
-webkit-animation-name: flip-in-y-fr;
animation-name: flip-in-y-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
}
@keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1
}
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0
}
}
.flip-out-y-fr {
-webkit-animation-name: flip-out-y-fr;
animation-name: flip-out-y-fr;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in {
-webkit-animation-name: zoom-in;
animation-name: zoom-in
}
@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
50%,
to {
opacity: 0
}
}
.zoom-out {
-webkit-animation-name: zoom-out;
animation-name: zoom-out
}
@-webkit-keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in-sm {
-webkit-animation-name: zoom-in-sm;
animation-name: zoom-in-sm
}
@-webkit-keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50%,
to {
opacity: 0
}
}
.zoom-out-sm {
-webkit-animation-name: zoom-out-sm;
animation-name: zoom-out-sm
}
@-webkit-keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0
}
to {
opacity: 1
}
}
.zoom-in-lg {
-webkit-animation-name: zoom-in-lg;
animation-name: zoom-in-lg
}
@-webkit-keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4)
}
50%,
to {
opacity: 0
}
}
@keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4)
}
50%,
to {
opacity: 0
}
}
.zoom-out-lg {
-webkit-animation-name: zoom-out-lg;
animation-name: zoom-out-lg
}
@-webkit-keyframes overlay-slide-in-top {
0% {
height: 100%
}
to {
height: 0
}
}
@keyframes overlay-slide-in-top {
0% {
height: 100%
}
to {
height: 0
}
}
.overlay-slide-in-top {
top: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-top;
animation-name: overlay-slide-in-top
}
@-webkit-keyframes overlay-slide-out-top {
0% {
height: 0
}
to {
height: 100%
}
}
@keyframes overlay-slide-out-top {
0% {
height: 0
}
to {
height: 100%
}
}
.overlay-slide-out-top {
top: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-top;
animation-name: overlay-slide-out-top
}
@-webkit-keyframes overlay-slide-in-bottom {
0% {
height: 100%
}
to {
height: 0
}
}
@keyframes overlay-slide-in-bottom {
0% {
height: 100%
}
to {
height: 0
}
}
.overlay-slide-in-bottom {
bottom: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-bottom;
animation-name: overlay-slide-in-bottom
}
@-webkit-keyframes overlay-slide-out-bottom {
0% {
height: 0
}
to {
height: 100%
}
}
@keyframes overlay-slide-out-bottom {
0% {
height: 0
}
to {
height: 100%
}
}
.overlay-slide-out-bottom {
bottom: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-bottom;
animation-name: overlay-slide-out-bottom
}
@-webkit-keyframes overlay-slide-in-left {
0% {
width: 100%
}
to {
width: 0
}
}
@keyframes overlay-slide-in-left {
0% {
width: 100%
}
to {
width: 0
}
}
.overlay-slide-in-left {
width: 0;
-webkit-animation-name: overlay-slide-in-left;
animation-name: overlay-slide-in-left
}
@-webkit-keyframes overlay-slide-out-left {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes overlay-slide-out-left {
0% {
width: 0
}
to {
width: 100%
}
}
.overlay-slide-out-left {
left: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-left;
animation-name: overlay-slide-out-left
}
@-webkit-keyframes overlay-slide-in-right {
0% {
width: 100%
}
to {
width: 0
}
}
@keyframes overlay-slide-in-right {
0% {
width: 100%
}
to {
width: 0
}
}
.overlay-slide-in-right {
right: 0;
width: 0;
-webkit-animation-name: overlay-slide-in-right;
animation-name: overlay-slide-in-right
}
@-webkit-keyframes overlay-slide-out-right {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes overlay-slide-out-right {
0% {
width: 0
}
to {
width: 100%
}
}
.overlay-slide-out-right {
right: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-right;
animation-name: overlay-slide-out-right
}.chart_options label{
display: inline-block;
width: 100%;
}
.tmp-select-dropdown  ul , .tmp-select-dropdown  ol {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.tmp-select-dropdown  li{
margin: 0;
padding: 0;
list-style: none;
}
.tmp-select-dropdown  li::before{
display: none !important;
} .tmp-select-dropdown,
.tmp-select-dropdown div,
.tmp-select-dropdown li,
.tmp-select-dropdown div::after,
.tmp-select-dropdown .carat,
.tmp-select-dropdown .carat:after,
.tmp-select-dropdown .selected::after,
.dropdown:after{
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.tmp-select-dropdown .selected::after,
.tmp-select-dropdown.scrollable div::after{
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
} .tmp-select-dropdown{
position: relative;
width: 100px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: inline-block;
}
.tmp-select-dropdown.open{
z-index: 2;
}
.tmp-select-dropdown:after{
content: '';
position: absolute;
right: 3px;
bottom: 3px;
top: 2px;
width: 30px;
background: transparent;
} .tmp-select-dropdown .carat,
.tmp-select-dropdown .carat:after{
content: '';
position: absolute;
right: 15px;
top: 50%;
margin-top: -2px;
border: 8px solid transparent;
border-top: 8px solid #000;
z-index: 2;
-webkit-transform-origin: 50% 20%;
-moz-transform-origin: 50% 20%;
-ms-transform-origin: 50% 20%;
transform-origin: 50% 20%;
}
.tmp-select-dropdown .carat:after{
margin-top: -10px;
right: -8px;
border-top-color: #f8f8f8;
}
.tmp-select-dropdown.open .carat{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -6px;
} .tmp-select-dropdown .old{
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.tmp-select-dropdown select{
position: absolute;
left: 0px;
top: 0px;
}
.tmp-select-dropdown.touch .old{
width: 100%;
height: 100%;
}
.tmp-select-dropdown.touch select{
width: 100%;
height: 100%;
opacity: 0;
} .tmp-select-dropdown .selected{
display: block;
font-size: 15px;
color: #222;
padding: 9px 35px 9px 18px;
text-align: left;
white-space: nowrap;
border-radius: 0;
background: #fff;
box-shadow: 2px 2px 2px 1px #eee !important;
}
.tmp-select-dropdown li{
display: block;
font-size: 18px;
line-height: 1;
color: #000;
padding: 9px 12px;
overflow: hidden;
white-space: nowrap;
}
.tmp-select-dropdown .selected::after{
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
border-radius: 0 2px 2px 0;
} .tmp-select-dropdown div{
position: absolute;
height: 0;
left: 0;
right: 0;
top: 100%;
margin-top: -1px;
overflow: hidden;
opacity: 0;
} .tmp-select-dropdown.open div{
opacity: 1;
z-index: 2;
} .tmp-select-dropdown.scrollable div::after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}
.tmp-select-dropdown.scrollable:hover div::after{
box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}
.tmp-select-dropdown.scrollable.bottom div::after{
opacity: 0;
} .tmp-select-dropdown ul{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
list-style: none;
overflow: hidden;
max-width: 100px;
background: #fff;
box-shadow: 2px 2px 2px 1px #eee !important;
}
.tmp-select-dropdown.scrollable.open ul{
overflow-y: auto;
} .tmp-select-dropdown li{
list-style: none;
padding: 8px 12px;
background: #fff;
color: #222;
} .tmp-select-dropdown li.active{
background: #fff;
color: #222;
}.bx-wrapper{position:relative;margin:0 auto;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,.5);border:0;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-next,.bx-wrapper .bx-prev{text-indent:1px!important;font-size:40px;color:#333;text-decoration:none!important}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#237ac6}.bx-wrapper .bx-prev{left:10px}.bx-wrapper .bx-next{right:10px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;background:rgba(0,0,0,.3)!important;z-index:79;color:#fff;text-align:center;padding:0}.bx-wrapper .bx-controls-direction a i{font-size:27px;position:relative;top:-6px}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//phonecare.cz/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//phonecare.cz/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.top-bar  .header-topbarbox-1{
width: 40%;
}
.header.navbar-scrolling.navbar-fixed-top {
position: fixed !important;
}
.header.navbar-scrolling.navbar-fixed-top {
position: fixed !important
}
div[data-header="sticky"] .navbar-fixed-top {
position: absolute !important
}
.navbar-fixed-top:not(.navbar-sticky-scroll) {
position: absolute !important;
top: auto;
}
.admin-bar .header.navbar-scrolling.navbar-fixed-top {
top: 32px !important;
}
.yamm a,
.yamm li {
font-weight: 500;
}
.header-decore-bottom {
position: absolute;
bottom: -39px;
left: 0;
width: 100%;
}
html .yamm li ul li a {
font-weight: 400 !important;
} #nav &gt; .container {
position: relative;
}
.full-width {
position: static !important;
}
.submenu-width .dropdown-menu {
width: 100%;
}
.dropdown-menu ul li {
position: relative;
}
.dropdown-menu .widget_nav_menu li.hot a {
border-bottom: 2px dotted #cc5dff;
}
.dropdown-menu .widget_nav_menu li {
display: inline-block;
width: auto;
}
.full-width .dropdown-menu {
left: 0 !important;
width: auto;
width: 100%;
}
.full-width .dropdown-menu ul li {
display: inline-block !important;
float: none !important;
text-transform: initial;
border-bottom: 0;
font-weight: 400;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.full-width .dropdown-menu ul li a {
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
color: #333;
font-weight: normal;
}
.full-width .dropdown-menu ul li:hover {
margin-left: 2px;
}
.full-width .dropdown-menu ul li:hover a {
color: #2796de !important;
}
.dropdown-col-3,
.dropdown-col-2 {
position: relative !important;
}
.dropdown-col-3 .dropdown-menu,
.dropdown-col-2 .dropdown-menu {
min-width: 300px;
}
.dropdown-col-2.full-width .dropdown-menu li {
width: 46% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #ccc;
padding-bottom: 1.5%;
}
.dropdown-col-2.full-width .dropdown-menu {
min-width: 400px !important;
padding: 3% 2% 3% 3% !important;
}
.dropdown-col-3.full-width .dropdown-menu li {
max-width: 29% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #ccc;
padding-bottom: 1.5%;
}
.dropdown-col-3.full-width .dropdown-menu {
min-width: 500px;
padding: 3% 2% !Important;
}
.full-width .dropdown-menu li a {
font-size: 12px;
padding: 0;
}
.full-width .dropdown-menu {
padding: 0;
display: flex;
}
.full-width .dropdown-menu .widgettitle {
font-size: 14px;
margin-bottom: 10px;
padding: 10px 0 !important;
margin-top: 0;
font-weight: 500;
}
.full-width .dropdown-menu .menu-item &gt; .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px !important;
}
.menu-width .dropdown-menu .menu-item &gt; .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px !important;
} .header .navbar-brand {
float: left;
position: relative;
height: auto;
padding: 0;
font-size: 18px;
line-height: 20px;
margin-top: -10px;
padding-right: 25px;
max-width: 133px;
}
.header {
position: relative;
z-index: 992;
}
.tmpl-plugins-not-activated .header .navbar-brand {
margin-top: -2px;
} .navbar-fixed-top.navbar-sticky-top {
position: absolute !important;
top: auto;
left: 0;
width: 100%;
z-index: 77;
} .header.header-logo-white .normal-logo {
display: block !important;
}
.header.header-logo-white .scroll-logo {
display: none !important;
}
.header-advanced.header.header-logo-white .normal-logo {
display: none !important;
}
.header-advanced.header.header-logo-white .scroll-logo {
display: block !important;
} .header.header-logo-black .normal-logo {
display: none !important;
}
.header.header-logo-black .scroll-logo {
display: block !important;
} .header.header-background-black,
.header-boxed-width.header.header-background-black #nav {
background: #484848;
}
.header.header-background-black .dropdown-menu {
background: #484848;
color: #fff;
}
.header.header-background-black .dropdown-menu a {
color: #fff;
} .header.header-background-white,
.header-boxed-width.header.header-background-white #nav {
background: #fff;
}
.header.header-background-white .top-bar {
border-bottom: #eeeeee 1px solid;
}
.header.header-background-white.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}
.header.header-background-white.header-menu-middle .header-navibox-4 {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
} .header.header-background-trans-white-rgba09,
.header-boxed-width.header.header-background-trans-white-rgba09 #nav {
background-color: rgba(255, 255, 255, 0.9);
}
.header. header-background-trans-white-rgba08,
.header-boxed-width.header.header-background-trans-white-rgba08 #nav {
background-color: rgba(255, 255, 255, 0.8);
}
.header.header-background-trans-white-rgba07,
.header-boxed-width.header.header-background-trans-white-rgba07 #nav {
background-color: rgba(255, 255, 255, 0.7);
}
.header.header-background-trans-white-rgba06,
,
.header-boxed-width.header.header-background-trans-white-rgba06 #nav {
background-color: rgba(255, 255, 255, 0.6)
}
.header.header-background-trans-white-rgba05,
.header-boxed-width.header.header-background-trans-white-rgba05 #nav {
background-color: rgba(255, 255, 255, 0.5);
}
.header.header-background-trans-white-rgba04,
.header-boxed-width.header.header-background-trans-white-rgba04 #nav {
background-color: rgba(255, 255, 255, 0.4);
}
.header.header-background-trans-white-rgba03,
.header-boxed-width.header.header-background-trans-white-rgba03 #nav {
background-color: rgba(255, 255, 255, 0.3);
}
.header.header-background-trans-white-rgba02,
.header-boxed-width.header-background-trans-white-rgba02 #nav {
background-color: rgba(255, 255, 255, 0.2);
}
.header.header-background-trans-white-rgba01,
.header-boxed-width.header.header-background-trans-white-rgba01 #nav {
background-color: rgba(255, 255, 255, 0.1);
}
.header.header-background-trans-white-rgba00,
.header-boxed-width.header.header-background-trans-white-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-white-rgba09 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba08 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba07 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba06 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9)
}
html .header.header-background-trans-white-rgba05 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba04 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba03 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba02 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba01 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
} .header.header-background-trans-black-rgba09,
.header-boxed-width.header.header-background-trans-black-rgba09 #nav {
background-color: rgba(0, 0, 0, 0.9);
}
.header. header-background-trans-black-rgba08,
.header-boxed-width.header.header-background-trans-black-rgba08 #nav {
background-color: rgba(0, 0, 0, 0.8);
}
.header.header-background-trans-black-rgba07,
.header-boxed-width.header.header-background-trans-black-rgba07 #nav {
background-color: rgba(0, 0, 0, 0.7);
}
.header.header-background-trans-black-rgba06,
.header-boxed-width.header.header-background-trans-black-rgba06 #nav {
background-color: rgba(0, 0, 0, 0.6);
}
.header.header-background-trans-black-rgba05,
.header-boxed-width.header.header-background-trans-black-rgba05 #nav {
background-color: rgba(0, 0, 0, 0.5);
}
.header.header-background-trans-black-rgba04,
.header-boxed-width.header.header-background-trans-black-rgba04 #nav {
background-color: rgba(0, 0, 0, 0.4);
}
.header.header-background-trans-black-rgba03,
.header-boxed-width.header.header-background-trans-black-rgba03 #nav {
background-color: rgba(0, 0, 0, 0.3);
}
.header.header-background-trans-black-rgba02,
.header-boxed-width.header.header-background-trans-black-rgba02 #nav {
background-color: rgba(0, 0, 0, 0.2);
}
.header.header-background-trans-black-rgba01,
.header-boxed-width.header.header-background-trans-black-rgba01 #nav {
background-color: rgba(0, 0, 0, 0.1);
}
.header.header-background-trans-black-rgba00,
.header-boxed-width.header.header-background-trans-black-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-black-rgba09 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.9);
}
html .header.header-background-trans-black-rgba8 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.8);
}
html .header.header-background-trans-black-rgba07 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.7);
}
html .header.header-background-trans-black-rgba06 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.6);
}
html .header.header-background-trans-black-rgba05 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba04 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba03 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba02 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba01 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 1);
}
.header.header-background-trans-black-rgba01 .dropdown-menu li a,
.header.header-background-trans-black-rgba02 .dropdown-menu li a,
.header.header-background-trans-black-rgba03 .dropdown-menu li a,
.header.header-background-trans-black-rgba04 .dropdown-menu li a,
.header.header-background-trans-black-rgba05 .dropdown-menu li a,
.header.header-background-trans-black-rgba06 .dropdown-menu li a,
.header.header-background-trans-black-rgba07 .dropdown-menu li a,
.header.header-background-trans-black-rgba08 .dropdown-menu li a,
.header.header-background-trans-black-rgba09 .dropdown-menu li a,
.header.header-background-trans-black-rgba00 .dropdown-menu li a {
color: #fff;
}
.header.header-background-trans-black-rgba00 .dropdown-menu li a,
.header.header-background-trans-black-rgba00 .dropdown-menu {
color: #333 !important;
} .header-color-white *,
.header.header-color-white .navbar .navbar-nav &gt; li &gt; a {
color: #fff;
}
.header.header-color-white .toggle-menu-button .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .navbar .navbar-nav &gt; li &gt; a:hover {
color: #fff;
}
.header.header-color-white .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .header-cart-count {
background: #000;
color: #fff;
} .header-color-black *,
.header.header-color-black .navbar .navbar-nav &gt; li &gt; a {
color: #333;
}
.header.header-color-black .toggle-menu-button .toggle-menu-button-icon span {
background: #333;
}
.header.header-color-black .header-cart-count {
background: #333;
color: #fff;
} .navbar-scrolling * {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav &gt; li &gt; a {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav &gt; li:hover &gt; a,
.header.navbar-scrolling .navbar .navbar-nav &gt; li a:hover {
color: #333 !important;
}
.header.navbar-scrolling .navbar .toggle-menu-button .toggle-menu-button-icon span {
background: #333;
}
.header.navbar-scrolling .header-cart-count {
background: #333;
color: #fff;
}
.header.navbar-scrolling {
background-color: rgba(255, 255, 255, 1);
}
.header.header.navbar-scrolling .normal-logo {
display: none !important;
}
.header.header.navbar-scrolling .scroll-logo {
display: block !important;
}
.header.header.navbar-scrolling .navbar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-menu-middle.header.header.navbar-scrolling .header-navibox-2 {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-topbarbox-border.navbar-scrolling .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.navbar-scrolling .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #333 !important;
}
.navbar-scrolling .top-bar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
display: none;
}
.navbar-scrolling .header-navibox-4 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.header-navibox-4 {
border-right: #eeeeee 1px solid;
border-left: #eeeeee 1px solid;
margin-left: 20px;
}
.header-follow-title {
float: left;
margin-top: 1px;
margin-right: 2px;
}
.top-bar .header-topbarbox-2 &gt; ul {
display: inline-block;
} .header-normal-width .yamm &gt; li &gt; a {}
.header-normal-width .container-boxed-width {
width: 100%;
padding: 0;
} .header-full-width .container {
width: 100% !important;
padding: 0;
text-align: center;
}
.header-full-width .header-navibox-1 {
padding-left: 40px !important;
}
.header-full-width.header-navibox-2-left #nav .header-navibox-1,
.header-full-width.header-navibox-2-left #nav .header-navibox-2,
.header-full-width.header-navibox-2-left #nav .header-navibox-3,
.header-full-width.header-navibox-2-left #nav .header-navibox-4 {
float: none !important;
display: inline-table;
}
.header-full-width #nav .header-navibox-2 .navbar-nav &gt; li {
margin: 0 4px;
}
.header-full-width.header-navibox-2-left .header-navibox-1 {
position: absolute;
left: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-3 {
position: absolute;
right: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-4 {
position: absolute;
right: 0;
}
.header-full-width .header-topbarbox-1,
.header-full-width .header-topbarbox-2 {
margin: 0 35px;
} .header.header-boxed-width {
background: none !important;
position: absolute !important;
width: 100%;
padding-top: 20px;
}
.header .navbar-scrolling.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.header-boxed-width #nav {
border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.header-boxed-width .container-boxed-width .container {
width: auto !important;
}
.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 0px !important;
margin-left: 15px !important;
padding-left: 7px !important;
}
.header-boxed-width .header-navibox-1 {
margin-left: 15px;
}
.header-boxed-width .navbar-scrolling {
background: none !important;
}
.header-boxed-width .navbar-scrolling #nav {
background: #fff;
margin-top: 15px;
}
.header-boxed-width .navbar-scrolling .top-bar {
display: none;
}
.header-boxed-width .navbar-scrolling #nav {
border: 1px solid rgba(000, 000, 000, 0.15) !important;
} .header-navibox-1-left .header-navibox-1,
.header-navibox-2-left .header-navibox-2,
.header-navibox-3-left .header-navibox-3,
.header-navibox-4-left .header-navibox-4 {
float: left !important;
}
.header-navibox-1-right .header-navibox-1,
.header-navibox-2-right .header-navibox-2,
.header-navibox-3-right .header-navibox-3,
.header-navibox-4-right .header-navibox-4 {
float: right !important;
}
.header-navibox-1-middle .header-navibox-1,
.header-navibox-2-middle .header-navibox-2,
.header-navibox-3-middle .header-navibox-3,
.header-navibox-4-middle .header-navibox-4 {
margin: 0 auto !important;
}
.header-navibox-4 #nav {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 15px !important;
margin-left: 15px !important;
}
.header-navibox-4 { } .top-bar .header-topbarbox-1 i{
position: relative;
top: -1px;
margin-right: 10px;
}
.top_nav{
position: relative;
padding-left: 19px !important;
padding-right: 26px !important;
margin-left: 6px !important;
}
.top_nav:after{
content: '';
position: absolute;
display: block;
left: 8px;
height: 18px;
border-left: 1px solid #fff;
top: 4px;
opacity: 0.5;
}
.top_nav:before{
content: '';
position: absolute;
display: block;
right: 8px;
height: 18px;
border-right: 1px solid #fff;
top: 4px;
opacity: 0.5;
}
.header-topbar-hidden .top-bar {
display: none !important;
}
.top-bar {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.top-bar ul {
margin: 0;
padding: 0;
}
.top-bar li {
display: inline-block;
font-size: 12px;
margin-left: 5px;
}
.top-bar li i {
margin-right: 0px;
font-size: 14px;
position: relative;
top: 3px;
float: left;
}
.top-bar li i:before {
font-size: 16px;
}
.top-bar li i.flaticon-whatsapp:before{
font-size: 20px; 
}
.header-topbarbox-1-left .header-topbarbox-1,
header-topbarbox-2-left .header-topbarbox-2 {
float: left !important;
}
.header-topbarbox-1-right .header-topbarbox-1,
.header-topbarbox-2-right .header-topbarbox-2 {
float: right !important;
}
.header-topbarbox-1,
.header-topbarbox-2 {
padding: 15px 0;
}
.header-topbarbox-border .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-left: 25px;
padding-right: 25px;
} .header-menu-middle .header-navibox-2 .main-menu &gt; li &gt; a {
padding: 15px 25px 28px 0px !important;
}
.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding: 17px 0 !Important;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.header-menu-middle .header-navibox-2 li a {
text-transform: uppercase;
}
.header-menu-middle.header. .center-logo a {
display: inline !important;
}
.header-menu-middle.header.header-logo-white .normal-logo,
.header-menu-middle.header .center-logo {
display: inline-block;
}
.header-menu-middle .nav .header-cart {
margin: 6px;
}
.header-menu-middle .header-cart {
margin: 1px 21px 27px 18px;
font-size: 20px;
position: relative;
float: right;
}
.header-menu-middle .navbar-collapse {
text-align: center;
}
.header-menu-middle .wrap-inside-nav {
top: 49px;
}
.header-menu-middle .header-navibox-2 .container {
position: relative;
}
.header-menu-middle .phone-menu {
position: absolute;
right: 25px;
top: 14px;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
} .header-navibox-1,
.header-navibox-2,
.header-navibox-3,
.header-navibox-4 {
padding: 27px 0 !important;
max-height: 80px;
}
.header-navibox-2 {
padding: 0 !important;
}
.header-navibox-2 .main-menu &gt; li &gt; a {
padding: 30px 0 !important;
}
.navbar -brand {
padding: 21px 0 6px 15px;
height: auto;
}
html .navbar&gt;.container .navbar-brand,
html .navbar&gt;.container-fluid .navbar-brand {
margin-left: 0;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 5px;
padding-bottom: 4px;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .navbar-nav li a,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .navbar-nav li a {
color: #333;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .normal-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .normal-logo {
display: none;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .scroll-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .scroll-logo {
display: inline-block;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .toggle-menu-button .toggle-menu-button-icon span,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .toggle-menu-button .toggle-menu-button-icon span {
background: #333 !important;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: #fff;
}
.header {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar {
background: none;
border: none;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
background: none;
border: none; transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar .toggle-button {
line-height: 40px;
cursor: pointer;
color: #333;
float: right;
padding: 0 5px;
}
.navbar .toggle-button.collapsed {
color: #999;
}
.navbar .toggle-button.collapsed:hover {
color: #333;
}
.navbar .scroll-logo {
display: none;
}
.navbar .navbar-nav.social-nav li a {
padding: 0 5px;
}
.navbar .navbar-nav &gt; li {
padding-top: 0;
padding-bottom: 0;
}
.navbar .navbar-nav &gt; li.no-hover a {
border: none !important;
cursor: default;
}
.navbar .navbar-nav &gt; li.active,
.navbar .navbar-nav &gt; li:hover {
background: none;
border: none;
}
.navbar .navbar-nav &gt; li.active &gt; a,
.navbar .navbar-nav &gt; li:hover &gt; a {
background: none !important;
border: 0;
}
.navbar .navbar-nav &gt; li &gt; a {
color: #fff;
line-height: 1.62;
border-radius: 0;
border: 0;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
padding: 0 10px;
}
.navbar .header-navibox-2 .navbar-nav &gt; li &gt; a {
margin: 0 12px;
}
.header-navibox-3 a {}
.header-phone {
margin-left: 10px;
}
.navbar .navbar-nav &gt; li &gt; a .fa-bars {
margin-right: 10px;
}
.navbar .main-menu &gt; li.menu-width {
position: static;
}
li.menu-width .dropdown-menu {
width: 100%;
left: 0 !important;
}
.navbar .main-menu &gt; li {
right: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar .main-menu &gt; li.hidden-menu-item {
right: -1500px;
right: -100vw;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1) {
left: 2px;
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 2px);
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(3) {
left: -50%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(4) {
left: 100%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
left: 2px;
top: 11px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 2px);
top: 11px;
}
.toggle-menu-button .toggle-menu-button-icon {
width: 22px;
height: 17px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
position: relative;
top: -2px;
}
.toggle-menu-button .toggle-menu-button-icon span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #eee;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(2) {
top: 0px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(3),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(4) {
top: 6px;
}
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(5),
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(6) {
top: 11px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(5),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(6) {
top: 12px;
}
.navbar-with-inside &gt; li:hover .wrap-inside-nav {
display: block;
}
.slidebar-panel .navbar-nav {
margin-top: 25px !important;
} .wrap-inside-nav {
position: absolute;
left: 0;
top: 60px;
display: none;
min-width: 220px;
text-align: left;
border-top: 2px solid #088cdc;
background: #1a1a1a;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
}
.wrap-inside-nav .inside-col .inside-nav:after,
.wrap-inside-nav .inside-col .inside-nav:before {
display: table;
clear: both;
height: 0;
content: '';
}
.wrap-inside-nav .inside-col .inside-nav li {
line-height: 45px;
min-height: 45px;
}
.wrap-inside-nav .inside-col .inside-nav li a {
display: block;
padding-left: 20px;
color: #7e848e !important;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.wrap-inside-nav .inside-col .inside-nav li a:active,
.wrap-inside-nav .inside-col .inside-nav li a:focus {
display: block;
padding-left: 20px;
color: #088cdc !important;
}
.wrap-inside-nav .inside-col .inside-nav li a:hover,
.wrap-inside-nav .inside-col .inside-nav li a:active:hover,
.wrap-inside-nav .inside-col .inside-nav li a:visited:hover,
.wrap-inside-nav .inside-col .inside-nav li a:focus:hover {
color: #088cdc !important;
background-color: #26282d;
}
.header-top-menu-support.wrap-fixed-menu {
top: 141px;
}
.wrap-fixed-menu {
display: none;
position: fixed;
background: rgba(34, 34, 34, 0.95);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
overflow: auto;
font-size: 0;
z-index: 99999;
}
.wrap-fixed-menu .top-items {
width: 100%;
height: 50%;
display: table;
}
.wrap-fixed-menu .top-items .menu-item {
border-bottom: 1px solid #484848;
}
.header-cart {
margin: 10px 10px 35px 20px;
font-size: 20px;
position: relative;
text-align: center;
display: inline-block;
width: 25px;
box-sizing: border-box;
max-height: 23px;
}
.header-cart-count {
position: absolute;
top: -5px;
right: -14px;
padding: 4px;
border-radius: 100px;
background: #2796de !important;
font-size: 10px;
width: 16px;
height: 16px;
line-height: 7px;
display: inline-block;
text-align: center;
color: #fff;
font-weight: 500;
}
.toggle-menu-button {
border: none;
background: none;
margin-top: 0px;
margin-right: 12px;
}
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
margin-bottom: 50px;
position: relative;
background-size: cover;
}
.header-section-fixed-image {
background-attachment: fixed !important;
}
.header-section h2 {
color: #fff;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//phonecare.cz/wp-content/themes/fixar/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//phonecare.cz/wp-content/themes/fixar/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
} .header-search-icon {
position: relative;
top: 0;
}
.header-search {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.header-search .close * {
color: #000 !important;
}
.header-search .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-search .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 80px !important;
font-size: 70px;
font-weight: 500;
line-height: 74px;
}
.header-search .search-global__input::-moz-placeholder {
color: #fff;
}
.header-search .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-search .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-search .search-global__input:focus {
outline-style: none;
}
.header-search .search-global__btn {
position: absolute;
top: 8px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-search .search-global__note {
margin-top: 10px;
font-size: 14pxm;
color: #fff;
}  .sidebar-nav-name {
display: none;
word-wrap: break-word;
width: 20px;
font-size: 20px;
}
.slidebar-panel .toggle-menu-button {
border: none;
background: none;
margin-top: 0px;
margin-right: 12px;
padding-left: 4px;
}
.slidebar-panel.slidebar-nav-middle .sidebar-nav-name {
display: none;
}
[data-canvas=container],
[data-off-canvas] {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-off-canvas*=reveal] {
z-index: 0;
padding: 25px 0;
} [data-off-canvas] li.full-width{
display: none !important;
}
[data-canvas] {
z-index: 1;
}
[data-canvas=container] {
width: 100%;
height: 100%;
background-color: white; -webkit-overflow-scrolling: touch; }
[data-canvas=container]:before,
[data-canvas=container]:after {
clear: both;
content: '';
display: table;
} [data-off-canvas] {
display: none;
position: fixed;
overflow: hidden;
background-color: #141517; color: white; -webkit-overflow-scrolling: touch; }
[data-off-canvas*=top] {
width: 100%;
height: auto;
top: 0;
padding: 30px;
text-align: center;
}
[data-off-canvas*=top] ul {
margin: 0 !important;
float: none !important;
}
[data-off-canvas*=top] li {
float: none !important;
display: inline-block;
width: auto !important;
}
[data-off-canvas*=right] {
width: 255px;
height: 100%;
top: 0;
right: 0;
}
[data-off-canvas*=bottom] {
width: 100%;
bottom: 0;
}
html [data-off-canvas*=bottom] {
padding: 25px;
}
html [data-off-canvas*=bottom] li {
float: none !important;
width: auto;
margin: 0;
text-transform: uppercase;
text-align: left;
}
html [data-off-canvas*=bottom] ul {
margin: 0 auto !important;
text-align: center;
width: 100%;
}
[data-off-canvas*=left] {
width: 256px;
height: 100%;
top: 0;
left: 0;
}
[data-off-canvas*=left],
[data-off-canvas*=right] {
padding-top: 45px;
overflow: inherit !important;
}
[data-off-canvas*=slidebar-panel-left] {
width: 320px;
height: 100%;
top: 0;
left: 0;
padding-left: 70px;
}
html [data-off-canvas*=open] {
margin-left: -256px;
display: block;
transition-duration: 300ms;
transform: translate(256px, 0px);
}
[data-ff-canvas*=reveal] {
z-index: 0;
}
[data-off-canvas*=push] {
z-index: 1;
}
[data-off-canvas*=overlay] {
z-index: 9999;
}
[data-off-canvas*=shift] {
z-index: 0;
} [data-canvas],
[data-off-canvas] {
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms;
-webkit-backface-visibility: hidden; }
[data-off-canvas*=shift][data-off-canvas*=top] {
-webkit-transform: translate( 0px, 50%);
transform: translate( 0px, 50%);
}
[data-off-canvas*=shift][data-off-canvas*=right] {
-webkit-transform: translate( -50%, 0px);
transform: translate( -50%, 0px);
}
[data-off-canvas*=shift][data-off-canvas*=bottom] {
-webkit-transform: translate( 0px, -50%);
transform: translate( 0px, -50%);
}
[data-off-canvas*=shift][data-off-canvas*=left] {
-webkit-transform: translate( 50%, 0px);
transform: translate( 50%, 0px);
}
.menu-mobile-button {
position: absolute;
right: 0;
top: 20px;
z-index: 777;
}
html .header-menu-middle .submenu-controll {
right: 12px;
top: 20px;
}
[data-off-canvas] ul {
margin: 0 !important;
}
[data-off-canvas] li {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
text-transform: uppercase;
text-align: left;
background: transparent !important;
}
[data-off-canvas] li.full-width:hover {
position: relative !important;
}
.menu-parent-link {
display: inline-block;
position: relative;
width: 100%;
}
html .submenu-controll {
position: absolute;
right: 0px;
top: -60px;
display: block;
width: 12px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 12px;
}
html .menu-marker-dot .submenu-controll {
position: absolute;
right: 0px;
top: -56px;
}
html ul li ul .submenu-controll {
display: none !important;
}
[data-off-canvas*=top] .submenu-controll-inner,
[data-off-canvas*=bottom] .submenu-controll-inner {
display: none !important;
}
[data-off-canvas*=right] .submenu-controll-inner {
position: absolute;
right: auto;
top: 12px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
left: 10px;
height: 20px;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
[data-off-canvas*=left] .submenu-controll-inner {
position: absolute;
right: 10px;
top: 4px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
.submenu-controll-inner {
position: absolute;
right: 10px;
top: 10px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
[data-off-canvas*=right] li ul .submenu-controll-inner {
position: absolute;
right: auto;
top: 8px;
}
[data-off-canvas*=left] li ul .submenu-controll-inner {
position: absolute;
right: 10px;
top: 8px;
}
.submenu-controll-inner * {
color: #ccc !important;
}
.submenu-controll {
position: absolute;
right: 18px;
top: 7px;
display: block;
width: 21px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 20px;
}
.slidebar-menu .submenu-controll {
display: none !important;
}
.slidebar-menu .full-width .dropdown-menu,
.slidebar-nav-middle .full-width .dropdown-menu {
display: none !important;
}
html .cl-effect-13 .submenu-controll {
right: -3px;
}
html .cl-effect-7 .submenu-controll:before {
left: -3px !important;
}
html .menu-marker-arrow .submenu-controll:before {
font-family: 'FontAwesome';
content: "\f107";
display: block;
position: absolute;
right: 0;
font-size: 11px;
}
html .menu-marker-dot .submenu-controll:before {
content: ".";
top: -10px;
right: inherit;
left: 0px;
font-size: 16px;
position: relative;
}
#main-menu.cl-effect-1 &gt; li {
margin: 0 3px;
}
html .cl-effect-1 li:hover .submenu-controll:before {
display: none
}
[data-off-canvas*=right] li.menu-item-has-children:after:hover,
[data-off-canvas*=left] li.menu-item-has-children:after:hover {
background-color: #fff !important;
color: #000 !important;
}
[data-off-canvas] li a {
font-size: 13px;
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 7px 30px;
text-transform: initial;
background: transparent !important;
}
[data-off-canvas] li a:hover {
color: #088cdc;
}
[data-off-canvas*=left] .navbar-nav &gt; li .dropdown-menu {
border-top-right-radius: 0;
border-top-left-radius: 0;
margin-left: 0px !important;
margin: 0px !important;
padding: 10px 0;
width: 100%;
}
[data-off-canvas*=left] .navbar-nav li:hover &gt; .dropdown-menu,
[data-off-canvas*=right] .navbar-nav li:hover &gt; .dropdown-menu {
visibility: visible;
background-color: #141517;
} .btn_header_search {
position: relative;
top: 1px;
}
.search-form-modal {
background-color: #000;
height: 0;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.search-form-modal.open {
height: 100%
}
.search-form_close {
color: #fff;
cursor: pointer;
font-size: 20px;
position: absolute;
right: 15px;
top: -20px;
}
.header_search_form {
bottom: 0;
display: block;
height: 80px;
left: 0;
margin: auto;
max-width: 550px;
padding: 15px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.header_search_form .form-group {
float: left;
height: 100%;
width: 68%;
}
.header_search_form .form-group .form-control {
border-color: #fff;
border-style: solid none solid solid;
border-width: 2px 0 2px 2px;
font-size: 16px;
height: 100%;
float: left;
width: 100%;
padding: 10px 15px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.header_search_form .btn_search {
border: 2px solid #337ab7;
background: #337ab7;
color: #fff;
float: right;
font-size: 16px;
height: 100%;
text-transform: uppercase;
width: 32%;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
} @media (min-width:768px) and (max-width:1200px) {
.nav-custom-info-wrap .nav-custom-info:first-child {
display: none !important;
}
}
@media (min-width:768px) and (max-width:1100px) {
.nav-custom-info-wrap {
display: none !important;
}
.header-phone .no-tablet-phone {
display: none !important;
}
.no-tablet-search .btn_header_search {
display: none !important;
}
.no-tablet-minicart .header-navibox-4 {
display: none !important;
}
.no-tablet-socials .header-social-link {
display: none !important;
}
.no-tablet-phone .header-phone {
display: none !important;
}
}
@media (min-width:768px) and (max-width:1000px) {
html body .main-menu {
position: relative!important;
}
.top-bar {
display: none !important;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 26px;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .menu-mobile-button {
display: block !important;
top: 26px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
left: 0;
position: relative;
right: 0;
}
} @media (max-width:768px) {
html .slidebar-nav-panel {
position: relative;
left: 0;
top: 0;
height: 106px;
border: 1px solid rgba(255, 255, 255, 0.15);
bottom: 0;
width: 100%;
}
html [data-off-canvas*=left], [data-off-canvas*=right] {
padding-top: 0px;
overflow: inherit !important;
}
[data-off-canvas*=slidebar-panel-left] ,  [data-off-canvas*=slidebar-panel-right] {
top: 0;
left: 0;
padding-left: 0;
}
.nav-custom-info-wrap {
display: none !important;
}
html body .main-menu {
position: relative!important;
}
html #main-menu li .dropdown-menu {
background: #333 none repeat scroll 0 0;
float: none;
left: 0;
right: auto;
width: 95%;
}
html #main-menu li .dropdown-menu .dropdown-menu {
padding-left: 10px;
}
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu html .header .navbar {
min-height: 75px;
}
.top-bar {
display: none !important;
}
html .header .navbar-brand {
margin-top: -6px;
padding: 0;
}
html .header-full-width.header-navibox-2-left .header-navibox-1 {
left: auto;
position: absolute;
width: 100%;
}
html .mobile-no-sticky.navbar-fixed-top {
position: absolute !important;
}
.no-mobile-topbar .top-bar {
display: none !important;
}
.mobile-slidebar-menu {
padding-top: 0px;
}
html .mobile-slidebar-menu .menu-mobile-button {
right: 0;
top: 20px;
}
html .header-topbarbox-1,
.header-topbarbox-2 {
padding: 0;
}
html body .header-navibox-1-left .header-navibox-1,
html body .header-navibox-2-left .header-navibox-2,
html body .header-navibox-3-left .header-navibox-3,
html body .header-navibox-4-left .header-navibox-4 {
float: none !important;
}
html .navbar-brand {
display: block;
left: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 9px;
width: auto;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 50%;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .header-search .search-global__input {
font-size: 18px;
height: auto !important;
line-height: 48px;
padding: 0 14px 1px 0 !important;
}
html .header-search .search-global__btn {
font-size: 17px;
position: absolute;
right: 0;
top: 7px;
}
}
@media (max-width:600px) {
.header .navbar {
margin-top: 0;
}
} html yamm li a:hover {
cursor: pointer;
}
.dropdown-menu li a::before,
.dropdown-menu li a::after {
display: none !important;
}
html body header nav li &gt; a:hover {
opacity: 0.8;
cursor: pointer;
background: transparent !Important;
}
.menu-all-pages-container {
padding-top: 35px;
}
.wrap-left-open .home-section &gt; .container,
.wrap-left-open .wrap-gallery-item .container,
.wrap-left-open .gallery-single-header .container {
width: 100% !important;
}
.wrap-left-open .breadcrumb * {
color: #2796de !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-top: 0px;
}
.wrap-left-open .gallery-single-header {
padding: 50px 0 30px 30px;
position: relative;
background: transparent !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-left: 30px;
}
.wrap-left-open .home-section &gt; .container,
.wrap-left-open .home-section &gt; .container &gt; .vc_row,
.wrap-left-open .home-section &gt; .container &gt; .vc_row &gt; .wpb_column {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.box-sticky {
position: fixed;
}
.side-logo {
display: inline-block;
width: 100%;
padding: 10px;
margin-bottom: 30px;
}
.side-logo a {
display: inline-block;
width: 100%;
text-align: center;
overflow: hidden;
height: auto;
padding: 0;
margin: 0;
}
.side-logo img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.side-cart {
display: inline-block;
width: 215px;
border: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 10px;
margin-left: 20px;
padding-top: 34px;
padding-left: 10px;
height: 87px;
}
.side-cart a {
color: #fff;
}
.side-search {
display: inline-block;
width: 100%;
margin-bottom: 0;
padding: 10px 20px;
}
.side-form-search {
position: relative;
background: #fff;
}
.side-form-search input[type=search] {
border: none;
background: none;
padding: 10px;
color: #000;
width: 174px;
}
.side-form-search .button {
border: none;
background: none;
position: absolute;
top: 3px;
right: 2px;
}
.side-form-search .button .fa {
color: #000;
}
html [data-off-canvas].header-background-black {
background-color: #141517;
}
html [data-off-canvas].header-background-white {
background-color: #fff;
}
[data-off-canvas].header-color-black li a,
[data-off-canvas].header-color-black li * {
color: #000 !important;
background: #fff !important;
}
[data-off-canvas].header-color-black .side-form-search {
position: relative;
background: #fff;
border: 1px solid #ddd;
}
html .menu-sidebar-fixed .dropdown-menu {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
html .layout-header2 .dropdown-menu,
.header-topbar-view .dropdown-menu {
top: 130%;
}
.open &gt; .dropdown-menu {
top: 100%;
visibility: visible;
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
.open .dropdown-menu li:hover &gt; .dropdown-menu {
visibility: visible;
}
html .dropdown-menu {
position: absolute;
top: 150%;
left: 0;
z-index: 1000;
display: block;
visibility: hidden;
float: left;
min-width: 160px;
padding: 10px 0;
margin: 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: rgba(255, 255, 255, 1);
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
z-index: 899;
background-clip: padding-box;
-webkit-transition: all 100ms ease 0s;
-moz-transition: all 100ms ease 0s;
-o-transition: all 100ms ease 0s;
transition: all 100ms ease 0s;
}
.header-full-width .header-navibox-2 {
position: relative;
}
.header-full-width .header-navibox-2 .yamm .full-width .dropdown-menu {
margin-left: -15%;
min-width: 1000px;
}
[data-off-canvas*=left] ul ul {
-webkit-transition: left 100ms ease 0s;
-moz-transition: left 100ms ease 0s;
-o-transition: left 100ms ease 0s;
transition: left 100ms ease 0s;
top: -10px !important;
left: 130%;
z-index: 1000;
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
.mobile-slidebar-menu ul ul {
left: 0 !important;
padding-left: 20px !important;
position: relative !important;
}
.mobile-slidebar-menu .main-menu {
top: 70px;
position: relative;
}
.mobile-slidebar-menu li .dropdown-menu,
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu {
display: none;
margin-top: 0 !important;
position: relative !important;
top: 0 !important;
}
.mobile-slidebar-menu li:hover &gt; .dropdown-menu {
display: block;
}
.mobile-slidebar-menu .full-width .dropdown-menu {
display: none !important;
}
.mobile-slidebar-menu .menu-parent-link {
display: none;
}
[data-off-canvas*=left] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] ul ul {
position: absolute !important;
-webkit-transition: right 100ms ease 0s;
-moz-transition: right 100ms ease 0s;
-o-transition: right 100ms ease 0s;
transition: right 100ms ease 0s;
top: -6px;
right: 130%;
left: auto !important;
z-index: 1000;
padding: 5px 0 !important;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
[data-off-canvas*=right] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] li {
text-align: center !important;
}
[data-off-canvas*=left] ul li:hover &gt; ul {
left: 100%;
}
[data-off-canvas*=right] ul li:hover &gt; ul {
right: 100%;
}
[data-off-canvas] ul ul a {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 5px 20px;
}
.fullmenu-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
#fixedMenu .fullmenu-close {
position: relative;
top: 0;
left: 0;
border-radius: 100px;
width: auto;
background: transparent !important;
color: #fff;
margin-bottom: 10px;
height: auto;
font-size: 34px;
border: none;
opacity: 1 !important;
z-index: 999;
padding-top: 3px;
-webkit-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-o-transition: color 300ms ease 0s;
transition: color 300ms ease 0s; }
#fixedMenu .fullmenu-close * {
color: #fff !important;
}
.fullmenu-close * {
color: #000;
}
.slidebar-nav-panel {
background-color: #141517;
padding: 55px 20px 20px 20px;
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 99999;
width: 75px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button {
transform: rotate(90deg);
position: absolute;
top: 40%;
left: -119px;
outline: none;
width: 300px;
display: inline-block;
padding: 21px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button .toggle-menu-button-icon {
width: 60px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 21px);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 21px);
top: 4px;
} .page-id-3524 .yp-demo-link {
display: none !important;
}
#wpcf7-f5-o1 {
max-width: 500px;
margin: 0 auto;
}
#wpcf7-f5-o1 input,
#wpcf7-f5-o1 button,
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
width: 100%;
padding: 10px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
border: 0;
}
#wpcf7-f5-o1 input[type=text],
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
color: #000 !important;
} html .dropdown-menu &gt; li &gt; a {
padding: 7px 30px 7px 20px;
font-size: 14px;
text-transform: initial;
-webkit-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-o-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
} .cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
position: absolute;
}
.cl-effect-1 a::before {
margin-left: -10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 5px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;
} .cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 93%;
left: 0;
width: 100%;
height: 4px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 68%;
left: 0;
width: 100%;
height: 1px;
border-bottom: 2px dotted #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 500;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
} .cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
} .cl-effect-7 a {
padding: 12px 10px 10px;
text-shadow: none;
font-weight: normal;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 93%;
left: 0;
width: 100%;
height: 4px;
background: #222;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.header-color-white .cl-effect-7 a::before,
.header-color-white .cl-effect-7 a::after {
background: #fff;
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0%;
opacity: 1;
} .header-navibox-2 .main-menu.cl-effect-8 &gt; li &gt; a {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
margin-top: 17px !important;
margin-left: 7px !important;
margin-right: 7px !important;
}
.cl-effect-8 a {
padding: 10px 20px;
}
.header-color-black .cl-effect-8 a::before,
.header-color-black .cl-effect-8 a::after {
border: 3px solid #f3f3f3;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #333;
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.header-color-black .cl-effect-8 a::after {
border-color: #000;
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
} .cl-effect-9 .current-menu-item:before {
content: '';
display: inline-block;
width: 100%;
height: 81px;
position: absolute;
left: 1px;
top: 0;
background-color: #ec423c;
transform: skewX(-20deg);
}
.header.navbar-scrolling .navbar .cl-effect-9 &gt; li.current-menu-item &gt; a {
color: #fff !important;
}
.header .navbar .cl-effect-9 &gt; li.current-menu-item {
margin-right: 10px !important;
} .cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
} .cl-effect-11 a::before,
.cl-effect-11 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 69%;
height: 39px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 0%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
#main-menu.cl-effect-11 &gt; li &gt; a {
padding-left: 15px !important;
padding-right: 15px !important;
}
.cl-effect-11 a::after {
width: 76%;
height: 45px;
border-width: 2px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:hover::after,
.cl-effect-11 a:focus::before,
.cl-effect-11 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 55px;
height: 55px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 65px;
height: 65px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 50%;
left: 50%;
color: transparent;
content: 'Ã¢â‚¬Â¢';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7500;
}
.cl-effect-18.main-menu &gt; li {
margin: 0 10px !important;
} .cl-effect-14 .current-menu-item:before  {
content: '';
display: inline-block;
width: 100%;
height: 81px !important;
position: absolute;
left: 1px;
top: 0;
background-color: #ec423c;
transform: skewX(-20deg);
}
.header.navbar-scrolling .navbar .cl-effect-14 &gt; li.current-menu-item &gt; a{
color: #fff !important;
}
.header .navbar .cl-effect-14 &gt; li.current-menu-item {
margin-right: 10px !important;
} .cl-effect-15 a {
color: rgba(0, 0, 0, 0.2);
font-weight: 500;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
} .cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
}
.cl-effect-16 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
} .cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 500;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: rgba(255, 255, 255, 0.15);
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.header-color-black .cl-effect-18 a::before,
.header-color-black .cl-effect-18 a::after {
background: rgba(000, 000, 000, 0.15);
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;
} .cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
} .cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 500;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}  .header-subscribe {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.admin-bar .header-subscribe .close {
top: 35px;
}
.header-subscribe .close * {
color: #000 !important;
}
.header-subscribe .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-subscribe .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 40px !important;
font-size: 70px;
font-weight: bold;
font-family: arial;
line-height: 74px;
}
.header-subscribe .search-global__input::-moz-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:focus {
outline-style: none;
}
.header-subscribe .search-global__btn {
position: absolute;
top: 17px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-subscribe .search-global__note {
margin-top: 20px;
font-family: sans-serif;
font-size: 14pxm;
color: #555;
}
.btn_header_subscribe {
border: 1px solid #fff;
padding: 5px 20px;
cursor: pointer;
color: #fff;
font-weight: 500;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn_header_subscribe:hover {
color: #2796de;
border-color: #2796de;
}
.countdown-vc h3 {
font-size: 30px;
color: #fff;
line-height: 1.7;
padding: 0 !important;
margin: 0 !important;
}
#note {
text-align: center;
font-size: 20px;
color: #fff;
line-height: 1.7;
}
.countdown-wrap {
display: inline-block;
text-align: center;
width: 100%;
}
.countdown-vc {
padding: 50px;
background: rgba( 0, 0, 0, 0.7);
display: inline-block;
margin: 0 auto;
max-width: 1000px;
}
html #main-menu li .dropdown-menu {
border-top: 0;
}  .fullscreen-center-menu {
display: inline-block;
width: 100%;
height: 100%;
padding-top: 10%;
text-align: center;
}
.fullscreen-center-menu nav,
.fullscreen-center-menu ul {
padding: 0;
display: inline-block;
margin: 0 auto;
float: none;
width: 100%;
}
.menu-top-container {
display: inline-block;
margin: 0 auto;
}
.fullscreen-center-menu li {
display: inline-block;
width: 100%;
text-align: center;
font-size: 34px;
position: relative;
}
.fullscreen-center-menu li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #fff;
position: relative;
z-index: 88;
margin-bottom: 0;
display: inline-block;
}
.fullscreen-center-menu li.full-width {
display: none !important;
}
.fw-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
transition: all 0.3s;
}
.fw-close:hover,
.fw-close:active,
.fw-close:focus {
color: inherit;
}
.fullscreen-center-menu .submenu-controll-inner,
.fullscreen-center-menu .submenu-controll {
display: none !important;
}
.fullscreen-center-menu .sub-menu {}
.fullscreen-center-menu .menu-item-has-children:hover .sub-menu {
position: relative;
top: 0;
visibility: visible;
display: block;
}
.fullscreen-center-menu .sub-menu a {
font-size: 18px;
}
.fullscreen-center-menu .sub-menu .sub-menu a {
font-size: 14px;
}
.submenu-controll-fullscreen {
display: inline-block;
width: 100%;
position: absolute;
top: 32px;
left: 0;
color: #fff;
}
ul ul .submenu-controll-fullscreen {
top: 22px;
} .nav&gt;li&gt;a:focus,
.nav&gt;li&gt;a:hover {
text-decoration: none !important;
background: none !important;
} .header-social-link {
position: relative;
top: -2px;
}
.header-social-link a {
font-size: 16px !important;
padding: 0 5px !important;
} .promo-set {
position: fixed;
bottom: 20px;
right: 20px;
padding: 0;
z-index: 99999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
opacity: 0;
}
.promo-set-view.promo-set {
opacity: 1;
}
.promo-set a {
color: #fff !important;
transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
.promo-set a:hover {
box-shadow: 0px 0px 3px #000;
text-decoration: none;
}
.envato-promo-link {
background: #6f9a37;
border-radius: 100px;
padding: 10px;
width: 70px;
height: 70px;
text-align: center;
display: inline-block;
line-height: 45px;
color: #fff;
font-weight: bold;
font-size: 23px;
opacity: 0.9;
}
.currency-promo {
position: relative;
font-size: 14px;
top: -10px;
left: -3px;
margin-left: -4px;
}
.envato-logo-small {
background: #6f9a37 url(//phonecare.cz/wp-content/themes/fixar/assets/header/images/envato-small.png) center center no-repeat;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 10px;
display: inline-block;
position: relative;
top: 30px;
right: -20px;
}
.promo-set-icon {
background: #393939;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 13px;
display: inline-block;
text-align: center;
font-size: 12px;
top: 13px;
position: relative;
left: 10px;
}
.header-search-icon a,
.header-cart a {
border: 0 !important;
text-decoration: none !important;
}
html .phone-num {
position: relative;
top: -1px;
}
html .header-phone {
margin-left: 10px;
margin-top: 3px !important;
padding-right: 20px;
}
html .header .navbar .navbar-nav &gt; li .toggle-menu-button {
margin-top: -3px !important;
margin-left: 5px;
}
html .woocommerce ul.products li.product h3 {
font-weight: 700;
}
html .header-cart {
margin: -2px 18px 35px 19px;
font-size: 20px;
position: relative;
text-align: center;
display: inline-block;
width: 25px;
box-sizing: border-box;
max-height: 23px;
}
html .header-cart a {
font-size: 20px;
}
html .header-cart-count {
background: #ff9801 !important;
}
.pix-hidden-custom-link {
display: none;
}
html .header-cart-count {
position: absolute;
top: -8px;
right: -12px;
padding: 4px 4px 4px 4px;
border-radius: 100px;
font-size: 9px;
width: 16px;
height: 16px;
line-height: 8px;
display: inline-block;
text-align: center;
color: #fff;
font-weight: normal;
}
.is-open .toggle-menu-button-icon span:nth-child(2n),
.is-open .toggle-menu-button-icon span:nth-child(4n),
.is-open .toggle-menu-button-icon span:nth-child(6n),
.slidebar-nav-panel .toggle-menu-button-icon span:nth-child(2n),
.slidebar-nav-panel .toggle-menu-button-icon span:nth-child(4n),
.slidebar-nav-panel .toggle-menu-button-icon span:nth-child(6n) {
max-width: 50%;
}
.toggle-menu-button-icon span:nth-child(2n) {
max-width: 35%;
}
.toggle-menu-button-icon span:nth-child(4n) {
max-width: 45%;
}
.toggle-menu-button-icon span:nth-child(6n) {
max-width: 50%;
} .fullscreen-center-menu,
.fullscreen-center-menu .menu-main-menu-container,
.slidebar-nav-menu,
.fullscreen-center-menu nav {
width: 100%;
height: 100%;
}
.dl-menuwrapper .dl-menu {
height: 100%;
width: auto !important;
position: relative;
}
.dl-menuwrapper {
width: 100%;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
min-height: 300px;
}
.dl-menuwrapper button {
background: #ccc;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
background: none !important;
outline: none !important;
}
.dl-menuwrapper * {
background: none !important;
outline: none !important;
}
.dl-menuwrapper button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
background: #fff;
top: 10px;
left: 16%;
box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
justify-content: center;
flex-direction: column;
}
.dl-menuwrapper li {
position: relative;
}
.dl-back a {
padding: 0px 7px !important;
font-size: 20px;
color: #fff;
line-height: 30px;
}
.dl-back a::before {
display: none !important;
}
.dl-back [class^="theme-fonts-"] {
font-size: 40px !important;
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: rgba(212, 204, 198, 0.3);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li &gt; a:after {
right: 4px;
top: 6px !important;
color: #eeeeee;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .dl-menuwrapper li .dl-submenu {
display: none;
max-height: 500px;
overflow: auto;
} .dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen &gt; a,
.dl-menu.dl-subview li.dl-subview &gt; a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen &gt; .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen &gt; .dl-submenu &gt; li {
display: block;
} .dl-menuwrapper &gt; .dl-submenu {
position: absolute;
width: 100%;
top: 0px;
left: 0;
margin: 0;
} .dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
0% {}
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
0% {}
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
0% {}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
0% {}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
0% {}
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
0% {}
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
0% {}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
0% {}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
0% {}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
0% {}
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper &gt; .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
} .no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li &gt; a:not(:only-child) {
background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li &gt; a:not(:only-child):after {
content: '';
}
#dl-menu .arrow_carrot-right,
#dl-menu .arrow_carrot-left {
font-size: 28px;
}
.dl-back {
margin-bottom: -5px;
}
.menu-marker-arrow .menu-item-has-children {
margin-right: 10px !important;
} .header.header-advanced .top-bar,
.header.header-advanced .header-navibox-2 {
border-bottom: 0 !important;
background: #1e2126 !important;
}
.header.header-advanced .navbar * {
color: #222 !important;
}
.header.header-advanced .navbar .toggle-menu-button .toggle-menu-button-icon span {
background: #222;
}
.header.header-advanced.navbar-fixed-top .top-bar *,
.header.header-advanced .header-navibox-2 .yamm li &gt; a {
color: #fff !important;
}
.header.header-advanced.navbar-fixed-top {
margin-bottom: -86px;
width: 100%;
display: inline-block;
}
.header.header-advanced.navbar-fixed-top,
.header.header-advanced #nav {
background: transparent;
}
.header.header-advanced.navbar-fixed-top .header-navibox-2 {
background: rgba( 30, 33, 38, 0.9) !important;
}
.header.header-advanced.navbar-fixed-top .navbar {
background: #fff !important;
padding: 15px 0;
}
.header.header-advanced.navbar-fixed-top .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid #eeeeee;
border-top: 0;
}
.navbar-scrolling.header.header-advanced .navbar {
display: none !important;
}
.header.header-advanced.navbar-fixed-top .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 0;
border-top: 0;
}
.header.header-advanced.navbar-fixed-to,
.header.header-advanced #nav {
background: transparent;
position: relative;
top: 0 !important;
}
.header.header-advanced .header-navibox-2 .main-menu &gt; li &gt; a {
padding: 15px 25px 10px 0px !important;
}
.header.header-advanced .header-navibox-2 .main-menu .dropdown-menu a {
color: #000 !important;
}
.header.header-advanced .phone-menu li {
background: #efb700 !important;
padding: 15px 20px;
color: #fff;
margin-top: -18px;
}
.header.header-advanced .yamm &gt; li a::after {
display: none !important;
}
html body .header.header-advanced .submenu-controll {
right: 12px;
top: -40px;
}
html body .header.header-advanced.navbar-fixed-top {
position: relative !important;
}
html body .header.header-advanced.navbar-fixed-top.navbar-scrolling {
position: fixed !important;
}
html body .header.header-advanced.navbar-fixed-top.navbar-sticky-top {
position: absolute !important;
}
.nav-custom-info-wrap {
float: right;
padding: 5px 0 0 0;
}
.nav-custom-info {
display: inline-block;
vertical-align: top;
padding-left: 20px;
}
.nav-custom-info .striped-icon-nav {
font-size: 24px;
position: relative;
z-index: 2;
width: 60px;
height: 60px;
margin: auto;
cursor: pointer;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
text-align: center;
border-radius: 50%;
line-height: 56px;
background: none;
border: 2px dotted #D0D0D2;
float: left;
margin-right: 20px;
}
.header_type5_block1_content {
float: left;
padding-top: 5px;
}
.header_type5_rblock_link a {
color: #fff !important;
} .tmplhalf-menu {
display: inline-block;
vertical-align: top;
padding: 35px 0 0;
}
.header .navbar-brand .normal-logo {
display: none;
}
.tmpl-half-menu-left {
width: 33%;
text-align: right;
padding-right: 0;
}
.tmpl-half-menu-right {
width: 33%;
text-align: left;
padding-left: 0;
}
.tmpl-half-menu-middle {
width: 33%;
text-align: center;
max-height: 90px;
margin-top: 0 !important;
padding-top: 0 !important;
position: relative;
z-index: 99;
}
.tmpl-half-menu-right .header-navibox-2 {
float: left !important;
}
.tmpl-half-menu-middle img {
display: inline-block;
margin: 0 auto;
}
.header.header-tmplhalf-menu .navbar-brand {
float: none;
position: relative;
height: auto;
padding: 0;
font-size: 18px;
line-height: 20px;
margin-top: 0;
padding-right: 0;
max-width: 209px;
display: inline-block;
}
.header.header-tmplhalf-menu .header-navibox-2 .main-menu &gt; li &gt; a {
padding: 0 !important;
}
.header-decore-bottom {
position: absolute;
bottom: -24px;
left: 0;
width: 100%;
}
.header.header-tmplhalf-menu .navbar {
border-bottom: 0 !important;
}
.header #path1488 {
fill: #fff !important;
}
.header.header-background-white .top-bar *{
position: relative;
}
.top-bar .top_nav .menu-item-has-children .sub-menu{
height: 0px;
overflow: hidden;
position: absolute;
transition: height .3s;
top: 23px;
padding: 4px 20px;
width: 160px;
z-index: 997;
right: 0;
}
.logged-in .top-sign-in{
display: none !important;
}
.logged-in .top-sign-out{
display: block !important;
}
.top-sign-out{
display: none !important;
}
.top-bar .top_nav .menu-item-has-children:hover .sub-menu{
height: fit-content;
background: #fff;
box-shadow: 2px 1px 5px #888888;
}
.top-bar .top_nav .menu-item-has-children:hover .sub-menu li.menu-item{
display: block;
margin: 10px 0px;
}
.top-bar .top_nav .menu-item-has-children:hover .sub-menu li.menu-item a{
color: #222222!important;
}
html .header-color-white .fl-cart--header .fl-woo-cart-contents .fl--woo-cart-items i {
color: #fff;
}.yamm  li  a , .header   a , .header li {
font-size: 14px;
}
.yamm  li .dropdown-menu   a , .header  .dropdown-menu   a{
font-weight: normal;
font-size: 14px;
padding-bottom: 3px;
}
.yamm *::selection {
background: none !important;
}
.yamm .navbar-inner,
.yamm .container {
position: relative;
}
.hover-relative{
position: relative;
}
html .yamm .dropdown-menu {
left: auto;
}
html   .yamm  .full-width .dropdown-menu {
margin-top: 0;
}
html .yamm .dropdown-menu .dropdown-menu{
margin-top: 0;
}
html .yamm .dropdown-menu .dropdown-menu {
left: 100%;
top: -10px;
}
.yamm .dropdown-menu &gt; li {
display: block;
}
.yamm .dropdown-submenu .dropdown-menu {
left: 100%;
}
.yamm .nav.pull-right .dropdown-menu {
right: 0;
}
.yamm .yamm-content {
padding: 20px 30px;
*zoom: 1;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
display: table;
content: "";
line-height: 0;
}
.yamm .yamm-content:after {
clear: both;
}
.yamm.navbar .nav &gt; li &gt; .dropdown-menu:after,
.yamm.navbar .nav &gt; li &gt; .dropdown-menu:before {
display: none;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0;
}
@media (max-width: 969px) {
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: auto;
}
.yamm .yamm-content {
padding-left: 0;
padding-right: 0;
}
.yamm .dropdown-menu &gt; li &gt; ul {
display: block;
}
}
.yamm{
margin-right: 0px;
}
.yamm .yamm-content *{
color: #000;
}
.yamm  li{
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
line-height: 1.2; 
}
.yamm &gt;  li{
max-height: 79px;
}
.yamm &gt; li:not(.fa):before{
content: '';
display: block;
width: 100%;
height: 3px;
position: absolute;
bottom: -2px;
}
.yamm &gt; li.fa a {
margin-left: 20px !important;
margin-right: 20px !important;
}
.yamm &gt; li.fa:before{
position: absolute;
}
.yamm &gt; li.fa:before {
position: absolute;
left: 0;
top: 0;
}
.yamm &gt; li.full-width:before{
max-width: 120px;
}
.yamm  li a{
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.yamm.nav&gt;li&gt;a:hover {
text-decoration: none;
}
.yamm.nav .open&gt;a, .yamm.nav .open&gt;a:focus, .yamm.nav .open&gt;a:hover , yamm.nav li.open a , yamm.nav li:hover a{
background-color: transparent;
border-color: transparent;
}
.yamm .dropdown-menu li {
display: inline-block;
float: none;
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
.yamm .full-width  li li{
padding-bottom: 15px;
}html .header-section span.vc_row-overlay{
background-color: #ffffff !important;
opacity: 0.0;
}
html .header-section{
padding: 100px 0 50px;
margin-bottom: 80px;
border-bottom:  6px solid #7ad8f9;
}
html  .page-decor{
top: -80px;
}
html .envato-logo-small{
background-color: #7ad8f9 !important;
}
html .fl-cart--header .fl-woo-cart-contents .fl--woo-cart-details{
background-color:  #7ad8f9;
}
.comment-meta a.comment-edit-link{
color: #7ad8f9;
}
a{
color: #7ad8f9;
}
html .nav &gt; li &gt; a:hover, html .nav &gt; li &gt; a:focus {
color: #7ad8f9;
}
html .pre-footer {
background: none repeat scroll 0 0 #7ad8f9;
}
html .after-heading-info, .highlight_text {
color: #7ad8f9;
}
html .full-title.banner-full-width {
background-color: #7ad8f9}
html .featured-item-simple-icon::after {
border-color: #7ad8f9;
}
html .top-cart i, html .top-cart .icon-basket {
color: #7ad8f9;
}
html .dropdown-menu &gt; li &gt; a:hover {
background-color: #7ad8f9;
}
html .header.navbar-scrolling .navbar .navbar-nav &gt; li:hover &gt; a, html .header.navbar-scrolling .navbar .navbar-nav &gt; li a:hover {
color: #7ad8f9 !important;
}
.cl-effect-14 .current-menu-item:before{
background: none repeat scroll 0 0 #7ad8f9 ;
}
.header.header-color-white .navbar  .cl-effect-14.navbar-nav &gt; li:not(.current-menu-item)  &gt; a:hover {  
color: #7ad8f9 !important;
}
.yamm &gt; li.fa:nth-child(even):before {
color: #7ad8f9 !important;
}
html .kameleon-cf7-container .km_cf7-btn-bg-h{
background: none repeat scroll 0 0 #7ad8f9 ;
}
.kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content:after, .kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content:before , .kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-label:after, .kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-label:before, .kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7-label:after, .kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7-label:before{
background: none repeat scroll 0 0 #7ad8f9 ;
}
html .title-action a {
background: none repeat scroll 0 0 #7ad8f9 !important;
border-color: #7ad8f9 !important;
}
html .full-title-name .btn {
background: none repeat scroll 0 0 #7ad8f9!important;
border-color: #7ad8f9 !important;
}
html .marked_list1 li:before {
color: #7ad8f9;
}
html .woocommerce #respond input#submit, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button {
background-color: #7ad8f9 !important;
border-color: #7ad8f9 !important;
}
html .product-info .nav-tabs &gt; li.active a, html .product-info .nav-tabs &gt; li:hover a {
background: #7ad8f9 !important;
color: #fff !important;
outline: none !important;
border: 1px solid #7ad8f9;
}
html .product-info .nav-tabs {
border-top-color: #7ad8f9;
}
html .nav &gt; li &gt; a:hover, html .nav &gt; li &gt; a:focus {
color: #7ad8f9;
}
html .label-sale, .label-hot, html .label-not-available, html .label-best {
color: #526aff;
}
.divider.striped-icon {
color: #7ad8f9;
}
.box-date-post .date-2 {
color: #7ad8f9;
}
.contact-item .striped-icon-xlarge {
background: rgba(122,216,249, 0.4);
}
.contact-item .striped-icon-xlarge:after {
background: content-box #7ad8f9;
}
aside .mc4wp-form-fields  .btn{
background: #7ad8f9 !important;
}
.wpt_widget_content #tags-tab-content ul li a:hover{
background: #7ad8f9 !important;
}
.striped-icon:hover {
background: rgba(122,216,249, 0.3);
}
html .sep-element {
border-bottom: 1px solid #7ad8f9;
}
html .sep-element:after {
border: 1px solid #7ad8f9;
}
html .under-name:after {
border-top: 1px solid #7ad8f9;
}
.rtd ul:not([class]) li::before {
color: #7ad8f9 !important;
}
html .blockquote-box .wrap-author .author a,
html .panel-alt-two .panel-heading.active a,
html .panel-alt-two .panel-heading .panel-title a:hover {
color: #7ad8f9;
}
.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {
background: #7ad8f9;
}
.btn.btn-sm.btn-success:before {
background: #7ad8f9 !important;
}
.big-hr.color-1, .one-news &gt; div &gt; div, .btn.btn-sm.btn-success:before, .our-services div &gt; a:hover:after, nav.pagination a.active, ul.styled &gt; li.active, ul.styled &gt; li.current-cat, .nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:focus, .nav-tabs &gt; li.active &gt; a:hover, .info-texts:before, ul.blog-cats &gt; li:before, ul.blog-cats li &gt; ul, .btn.btn-success, .big-hr.color-1, .one-news &gt; div &gt; div, .btn.btn-sm.btn-success:before, .our-services div &gt; a:hover:after, nav.pagination a.active, ul.styled &gt; li.active, ul.styled &gt; li.current-cat, .nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:focus, .nav-tabs &gt; li.active &gt; a:hover, .info-texts:before, ul.blog-cats &gt; li:before, ul.blog-cats li &gt; ul, .title-option, .demo_changer .demo-icon, .vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat, .pagination&gt;li.current a, .pagination&gt;li&gt;a:focus, .pagination&gt;li&gt;a:hover, .pagination&gt;li&gt;span:focus, .pagination&gt;li&gt;span:hover {
background: #7ad8f9 !important;
}
footer .copy a, .twitter-feeds div span, .recent-posts div a:hover {
color: #7ad8f9 !important;
}
.btn.btn-sm.btn-default:hover, .comments &gt; div &gt; a.reply:hover, nav.pagination a:hover, .tags a:hover, ul.blog-cats li:hover,  .testimonial-content span {
border-color: #7ad8f9 !important;
}
footer .color-part, .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger, .btn.btn-danger:hover , .btn.btn-sm.btn-default:before, .big-hr.color-2,  .adress-details &gt; div &gt; span:after, .comments &gt; div &gt; a.reply:hover, .comments &gt; div &gt; a.reply:after, nav.pagination a:hover, .tags a:hover, ul.blog-cats &gt; li:hover, #menu-open, .main-menu section nav,  .testimonial-content span, .info-texts:after, .post-info:after, .customBgColor ,html  .big-hr , html .quote-form input[type=submit]  {
background: #7ad8f9 !important;
}
.team &gt; div &gt; div span {
background-color: rgba(122,216,249, 0.75);
}
.one-news &gt; div &gt; div small.news-author, .two-news &gt; div div:last-child small.news-author, #partners a {
border-right-color: #7ad8f9  ;
}
html .header-cart-count{
background: #7ad8f9 !important;
}
.b-regular-tabs .list-unstyled &gt; i, .list-unstyled .fa {
color: #7ad8f9 !important;
}
html .b-team-list:after {
border-color: #7ad8f9 transparent transparent transparent;
}
.custom-pager a.active .pager-title, .custom-pager-mod a.active .pager-title{
background: #7ad8f9 !important;
}
html .custom-pager a.active .pager-title:before, html .custom-pager-mod a.active .pager-title:before {
border-color:  #7ad8f9 transparent transparent transparent;
}
.custom-pager a.active .circle .inner-circle, .custom-pager-mod a.active .circle .inner-circle {
border-color: transparent;
}
.custom-pager a.active .circle, .custom-pager-mod a.active .circle{
background: #7ad8f9 !important;
opacity:0.7;
}
.custom-pager a.active .circle .inner-circle, .custom-pager-mod a.active .circle .inner-circle{
background: #7ad8f9 !important;
}
html aside .widget-title + ul  li &gt;  a:hover, html aside .menu  li &gt; a:hover, html aside .widget-title + ul  li:hover &gt; a {
color: #7ad8f9 ;
}
html .loader05{
border-color: #7ad8f9 !important;
}
html .pricing-switcher .btn.active {
background:   #7ad8f9 !important;
border-color:   #7ad8f9  !important;
}
html .form-cart__price-total{
background-color: #7ad8f9 !important;
}
.animsition-overlay-slide { 
background: ;
}
.panel-alt-two .panel-heading .panel-title  a.active{
color: #7ad8f9 !important;
}
.panel-alt-two .panel-heading .panel-title a.active  .accordion-icon .stacked-icon {
background:  #7ad8f9 !important;
color:#fff !important;
}
.b-video .video-icon{
background:  #7ad8f9 !important;
}
.thecube .cube:before {
background:  #7ad8f9 !important;
}
.vc_bar {
background:  #7ad8f9 !important;
}
.b-info-column .info-column-icon i:before {
color:  #7ad8f9   !important;
}
.application .app-features:hover div { 
background: #7ad8f9   !important;
}
.nav.nav-tabs.theme-tab li:hover a, .nav.nav-tabs.theme-tab li.active a {
border-color:  #7ad8f9   !important;
}
html .nav-tabs-vertical &gt; li i{
color:  #7ad8f9 ;
}
html .nav-tabs-vertical &gt; li.active {
border-color:#7ad8f9 ;
}
html .nav-tabs-vertical &gt; li &gt; a:hover {
color:#7ad8f9 ;
}
html .b-info-column:before{
border-top:  #7ad8f9   !important;
}
html .our-services .department-1-item{
border-top-color:#7ad8f9  !important;
}
html .our-services .department-1-item:hover {
background: #7ad8f9   !important;
}
html  .wrap-service-nav .list-nav .list-wrap .nav-item span{
color:#7ad8f9 ;
}
.wrap-service-nav .list-nav .list-wrap .nav-item:hover, .wrap-service-nav .list-nav .list-wrap .nav-item.active {
background: #7ad8f9   !important;
}
html .cd-single-point&gt;a{
background: #7ad8f9 ;
}
.wrap-service-nav .list-nav .list-wrap .nav-item:before{
border-top-color:  #7ad8f9   !important;
}
.points-heading{
background: #7ad8f9   !important;
}
html .post_read_more{
background: #7ad8f9 ;
}
html aside .widget-title span:before{
color:#7ad8f9 ;
}
.b-contact-form:before{
background: #7ad8f9   !important;
}
html .wrap-downloads .download-item .ico  i:before{
color:#7ad8f9 ;
}
.header.header-advanced  .phone-menu li{
background: #7ad8f9   !important;
}
.b-features-column:before,
.b-features-column-mod:before {
background: #7ad8f9   !important;
}
.b-links ul:before {
background: #7ad8f9   !important;
}
.tmpl-stats-type-01 .tmpl-stats-icon{
color: #7ad8f9   !important;
}
.our-services  i:after, .our-services  i:before{
color: #7ad8f9  !important;
}
.b-quote-caption .quote-icon{
color: #7ad8f9  !important;
}
html body .vc_btn3.vc_btn3-style-custom:hover {
background: #7ad8f9  !important;
border-color:  #7ad8f9  !important;
}
.blog-item-content .blog-item-img:before {
background: #7ad8f9  !important;
}
html .custom-pager-mod a.active{
color:  #7ad8f9  !important;
}
.wrap-features .wrap-feature-item .feature-item .ico{
color:  #7ad8f9  !important;
}
.wrap-works .post .post-heading .post-image  .mask{
background: #7ad8f9  !important;
}
.wrap-services .service-icon , .striped-icon-large{
color:  #7ad8f9  !important;
}
.features-column-icon i{
color:  #7ad8f9 ;
}
.service-icon i {
color:  #7ad8f9  !important;
}
.list-services-2__item {
border-top-color:#7ad8f9  !important; 
}
.b-team-list .team-list-item:not(.last-list-item)  .member-list-caption:before{
background: #7ad8f9  !important;
}
.b-team-list .team-list-item.last-list-item .member-list-caption{
background: #7ad8f9  !important;
}
html .last-list-item:after{
border-color: #7ad8f9  transparent transparent transparent;
}
#respond  .form-submit input{
background: #7ad8f9  !important;
}
.load-more a,
.portfolio-pagination-loading a {
background: #7ad8f9  ;
box-shadow:  -1px 8px 24px -6px  #7ad8f9  ;
}
html #loftloader-wrapper.pl-beating #loader{
color:  #7ad8f9  !important;
}
.page-arrow{
color:  #7ad8f9  !important;
}
.tmp-post-category{
background: #7ad8f9;
}
.booked-no-prev strong , .booked-appt-list strong{
color:  #7ad8f9  !important;
}
.pagination ul li span.current {
background: #7ad8f9  !important;
border: 1px solid #7ad8f9  !important;
color:#fff !important;  
}
.portfolio-section .work-image .image .controls .big-view a{
background: #7ad8f9  !important;
}
.menu-full-screen-container  .km-hover-image-button{
border-radius: 100px;
background: #7ad8f9  !important;
}
html .icon-setting-menu{
background: #7ad8f9  !important;
}
.smart-tabs .active &gt; a{
color:  #7ad8f9  !important;
}
.service-item .btn {
border-color:  #7ad8f9  !important;
}
.service-item .btn:hover , .services-style2 .service-item .btn{
background: #7ad8f9  !important;
}
html .footer .widgettitle:before{
border-bottom-color: #7ad8f9  !important;
}
.btn-portfolio-first{
border-color: #7ad8f9  !important;
background: #7ad8f9  !important;
}
.btn-portfolio-second{
border-color: #7ad8f9  !important;
}
.call-us-btn {
color: #7ad8f9  !important;
}
.sidebar-services li:after{
background:  #7ad8f9  !important;
}
.sidebar-services{
border-color: #7ad8f9  !important;
}
html .fleet-gallery  .owl-dot.active, html .fleet-gallery  .owl-dots .owl-dot:hover{
border-color: #7ad8f9  !important;
background: #7ad8f9  !important;
}
html .km-teammate-container[data-style=style2]:hover .km-teammate-info{
background: #7ad8f9  !important;
}
.cl-effect-9 .current-menu-item:before {
background-color: #7ad8f9  !important;
} 
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active, .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover {
border-color: #7ad8f9  !important;
} 
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a{
background-color: #7ad8f9  !important;
}
.owl-dot.active, .owl-dots .owl-dot:hover{
background-color: #7ad8f9  !important;
}
.animsition-loading{
border-left-color: #7ad8f9  !important;
}
.btn-learn-more{
color: #7ad8f9  !important;
}
.btn-learn-more:hover:after{
background: #7ad8f9  !important;
}
.b-info-column .info-column-icon .step-number {
background: #7ad8f9  !important;
}
html .crtools-graph .period-button:hover, .crtools-graph .period-button.active {
background: #7ad8f9  !important;
}
.crtools-graph .fiat-button:hover, .crtools-graph .fiat-button.active{
border-color: #7ad8f9  !important;
}
footer .mc4wp_form_box  .btn{
background: #7ad8f9  !important;
}
html .woocommerce .widget_price_filter .ui-slider .ui-slider-range, html .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background: #7ad8f9  ;
}
html  .woocommerce nav.woocommerce-pagination ul li span.current , html .woocommerce nav.woocommerce-pagination ul li a:focus, html .woocommerce nav.woocommerce-pagination ul li a:hover,  html.woocommerce nav.woocommerce-pagination ul li span.current  {
-moz-box-shadow: 0 0 0 1px #7ad8f9 inset;
-webkit-box-shadow: 0 0 0 1px #7ad8f9 inset;
box-shadow: 0 0 0 1px #7ad8f9 inset;
background: #7ad8f9;
}
html body .tagcloud a:hover{
background: #7ad8f9  !important;
}
.plan-item .item-heading.blue-heading{
background: #7ad8f9  !important;
}
.plan-item  .btn.btn-default:hover {
background: #7ad8f9  !important;
border-color: #7ad8f9  !important;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover, body #booked-profile-page input[type=submit].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover, body table.booked-calendar input[type=submit].button-primary:hover, body .booked-modal input[type=submit].button-primary:hover, body table.booked-calendar th, body table.booked-calendar thead, body table.booked-calendar thead th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page .appt-block .google-cal-button &gt; a:hover, #ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header , #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover, body #booked-profile-page input[type=submit].button-primary, body table.booked-calendar input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-modal input[type=submit].button-primary, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button, body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block, body #booked-profile-page .appt-block .google-cal-button &gt; a, body .booked-modal p.booked-title-bar, body table.booked-calendar td:hover .date span, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover, .booked-ms-modal .booked-book-appt{
background-color: #7ad8f9  !important;
}
body #booked-profile-page input[type=submit].button-primary:hover, body table.booked-calendar input[type=submit].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover, body .booked-modal input[type=submit].button-primary:hover, body table.booked-calendar th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .appt-block .google-cal-button &gt; a:hover , body #booked-profile-page input[type=submit].button-primary, body table.booked-calendar input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-modal input[type=submit].button-primary, body #booked-profile-page .appt-block .google-cal-button &gt; a, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover {
border-color: #7ad8f9  !important;
}
body .booked-modal .bm-window p i.fa, body .booked-modal .bm-window a, body .booked-appt-list .booked-public-appointment-title, body .booked-modal .bm-window p.appointment-title, .booked-ms-modal.visible:hover .booked-book-appt {
color: #7ad8f9;
}
html body .btn:hover {
background:  #ffca09 ;
border-color: #ffca09 ;
}
a:hover{
color: #ffca09  ;
}
html .type-post.sticky:after{
background: #ffca09 !important;
}
html .header-cart-count{
background: #ffca09 !important;
}
html .b-links a:hover {
color: #ffca09 !important;
}
html .kswr-slickslider-container[data-arrows-position=middletwo] .slick-next, html  .kswr-slickslider-container[data-arrows-position=middletwo] .slick-prev{
background: #ffca09 !important;
}
html .yamm .dropdown-menu &gt; li &gt; a:hover {
color: #ffca09 !important;
}
html .gallery-carousel-controls .share-button:hover, .gallery-carousel-controls .owl-nav-btns:hover {
background: #ffca09 ;
}
.b-links a {
color: #ffca09  !important;
}
html .og-details a:after{
background:  #ffca09;
}
.work-body .btn:hover {
background:  #ffca09;
}
html .btn.btn-primary:active,html .btn.btn-primary:focus, html .btn.btn-primary:hover {
background: #ffca09 ;
border-color: #ffca09 ;
}
html body .custom-slideshow-controls span {
background:  #ffca09;
border-color:  #ffca09 ;
}
html .plan-item .item-heading.blue-heading {
border-color:  #ffca09 !important;
}
html .b-info-column .b-progress-list__percent {
color: #ffca09 !important;
}
.footer a:hover{
color: #ffca09 !important;
}
.b-team-list .team-list-item.last-list-item .member-list-caption .btn{
background:  #ffca09 !important;
}
html .post_read_more:hover{
background:  #ffca09 ;
}
.post-footer a:hover, .post-footer  a.btn.btn-transparent:hover, .post-footer  .btn.btn-transparent:hover{
background:  #ffca09 !important;
}
html .reply a , html .reply a:after{
color: #ffca09  ;
}
.reply a:hover {
background: #ffca09  !important;
}
.forms__radio:checked + .form-cart__label-row{
border-color: #ffca09 ;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{
background: #ffca09  !important;
}
html body .container .btn  .form-cart__submit.btn-lg{
background: #ffca09  !important;     
}
html p.subhead{
color: #ffca09  ;
}
.vc_custom_1496074233174 .vc_sep_line{
border-color:  #ffca09 !important;
}
.gallery-item-hover a:hover:before {
background: #ffca09 !important;
}
html .feature-item h5 span{
color:  #ffca09 !important;
}
html .cd-single-point.is-open&gt;a{
background-color:  #ffca09 !important;
}
html .wrap-downloads .download-item a{
color:  #ffca09 !important;
}
.plan-item .item-heading.orange-heading {
background: #ffca09  ;
}
.plan-item  .btn.btn-default, .btn.btn-default:hover {
background: #ffca09  ;
border-color: #ffca09  ;
color:#fff !important;
}
html .full-width .dropdown-menu ul li:hover a , html .menu-width .dropdown-menu ul li:hover a{
color:  #ffca09 !important;
}
.folio-isotop-filter ul &gt; li a.selected , .folio-isotop-filter ul &gt; li:hover a{
color:  #ffca09 !important;
}
html .b-home-features .page-arrow{
background: #ffca09  ;
border: 2px solid #FFF;
}
.folio-isotop-filter ul &gt; li a.selected:after{
border-bottom-color:  #ffca09 !important;
}
html .btn-ask .vc_general.vc_btn3:before{
background: #ffca09 !important;
}
html ::selection{
background-color: #ffca09  ;
}
.fullscreen-center-menu li a:hover {
color:  #ffca09 !important;
}
html  .fullmenu-close:hover{
background-color: #ffca09   !important;
}
.wrap-timeline .time-item .date{
color:  #ffca09 !important;
}
.wrap-cards .btn:hover{
background-color: #ffca09   !important;
color:#fff;
}
.wrap-cards:hover{
border-top-color: #ffca09   !important;
}
.portfolio-pagination-loading a{
background-color: #ffca09   !important;
box-shadow: -1px 8px 24px -6px #ffca09   !important;
}
.tmp-post-box:nth-child(even) .tmp-post-category {
background: #ffca09  !important;
}
.dropdown-menu .widget_nav_menu li.hot a{
border-color: #ffca09  !important;
}
html .envato-promo-link {
background: #ffca09  !important;
}
.b-video .video-icon:hover{
background: #ffca09  !important;
}
html .text-white-color .b-info-column .info-column-icon .step-number {
background: #ffca09  !important;
}
html body .text-white-color .b-info-columns-holder.b-steps-list .b-info-column .info-column-icon{
border-color: #ffca09  !important;
}
.sidebar-services .active a:before, .sidebar-services .current-cat a:before{
border-color:  #ffca09  !important;
}
.syp-itemgrid-author i, .syp-itemgrid-date i {
color: #ffca09  !important;
}
.cl-effect-3 a::after {
background-color: #ffca09  !important;
} 
.type-post.sticky .post-body &gt; h4:before{
background-color: #ffca09  !important;
}
.yamm &gt; li.fa:nth-child(odd):before {
color: #ffca09  !important;
}</pre></body></html>