Hi people.
I´m with a situation:
The style settings (seitcher) for change menu colors not working.
Maybe my HTML have an error.
Please. I´d like some help.
Thanks,
Leonardo
Folow HTML
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- ========== VIEWPORT META ========== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- ========== PAGE TITLE ========== -->
<title>Artesanu - Soluções em alimentação saudável</title>
<!-- ========== META TAGS ========== -->
<meta name="descripton" content="Frutas desidrtadas, secas, molhos e doces orgânicos saudáveis - Elaboração e Produção.">
<meta name="keywords" content="produtos orgânicos, frutas desidratadas, frutas secas, molho tomate integral, doces sem açúcar">
<meta name="robots" content="index, folow">
<meta name="author" content="Artesanu - Leonardo Florêncio, com base Salt Theme">
<!-- ========== LINK ICON FONTS ========== -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<!-- ========== LINK GOOGLE FONTS ========== -->
<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet'>
<!-- ========== FAVICON & APPLE ICONS ========== -->
<link rel="icon" href="images/favicon.png">
<!-- ========== FAVICON & APPLE ICONS NOT SHOW========== -->
<!--
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
-->
<!-- ========== MINIFIED VENDOR CSS ========== -->
<link rel="stylesheet" href="styles/vendor.css">
<link rel="stylesheet" href="vendor/sweetalert2/dist/sweetalert2.min.css">
<style media="screen">
.erinyen .tp-thumb-title {
font-family: inherit;
}
</style>
<!-- ========== MAIN CSS ========== -->
<link rel="stylesheet" href="styles/main.css">
<script src="scripts/vendor/modernizr.js"></script>
<!--[if lt IE 9]>
<script src="scripts/vendor/modernizr.js"></script>
<![endif]-->
<!-- ========== LOADER ========== -->
<div class="page-loader">
<div class="spinner"></div>
</div>
<!-- ========== HEADER ========== -->
<div class="header">
<div class="container-fluid">
<!-- ========== MENU ========== -->
<nav class="menu">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="Salt" class="logo-img"></a>
</div> <!-- end logo -->
<!-- ========== MAIN MENU ========== -->
<ul class="main-menu">
<li class="menu-item">
<a href="index.html"><i class="menu-icon fa fa-home"></i> Home</a>
<!-- Sub Menu
<!-- Menu out becose the code so big for type here-->
</div> <!-- end container-fluid -->
</div> <!-- end header -->
<!-- ========== MAIN ========== -->
<div class="main">
<div id="rev_slider_17_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="fullscreen-button1" style="background-color:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.2.5.4 fullscreen mode -->
<div id="rev_slider_17_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.2.5.4">
<ul>
<!-- SLIDE -->
<li data-index="rs-57" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slides/revolution/150x100_full_1.jpg"
data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Introdução" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8=""
data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/slides/revolution/full_1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-57-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-170','-140','-110','-90']" data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']" data-fontweight="['600','800','800','800']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap; font-weight: 600;color:#fff;">Parada para Soluções ... </div>
</li>
<!-- SLIDE -->
<li data-index="rs-58" data-transition="fadetotopfadefrombottom" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-thumb="images/slides/revolution/150x100_full_4.jpg"
data-rotate="0" data-saveperformance="off" data-title="Soluções" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/slides/revolution/full_4.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-3" id="slide-58-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-fontweight="['600','800','800','800']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap; font-weight: 600;color:#fff;">Artesanu </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-8" id="slide-58-layer-10" data-x="['left','left','left','left']" data-hoffset="['680','680','680','680']" data-y="['top','top','top','top']" data-voffset="['632','632','632','632']" data-width="none"
data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 6;">
<div class="rs-looped rs-pendulum" data-easing="linearEaseNone" data-startdeg="-20" data-enddeg="360" data-speed="35" data-origin="50% 50%"><img src="images/slides/revolution/blurflake4.png" alt="" data-ww="['240px','240px','240px','240px']" data-hh="['240px','240px','240px','240px']" data-no-retina> </div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-7" id="slide-58-layer-11" data-x="['left','left','left','left']" data-hoffset="['948','948','948','948']" data-y="['top','top','top','top']" data-voffset="['487','487','487','487']" data-width="none"
data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 7;">
<div class="rs-looped rs-wave" data-speed="20" data-angle="0" data-radius="50px" data-origin="50% 50%"><img src="images/slides/revolution/blurflake3.png" alt="" data-ww="['170px','170px','170px','170px']" data-hh="['170px','170px','170px','170px']" data-no-retina> </div>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-4" id="slide-58-layer-12" data-x="['left','left','left','left']" data-hoffset="['719','719','719','719']" data-y="['top','top','top','top']" data-voffset="['200','200','200','200']" data-width="none"
data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 8;">
<div class="rs-looped rs-rotate" data-easing="Power2.easeInOut" data-startdeg="-20" data-enddeg="360" data-speed="20" data-origin="50% 50%"><img src="images/slides/revolution/blurflake2.png" alt="" data-ww="['50px','50px','50px','50px']" data-hh="['51px','51px','51px','51px']" data-no-retina> </div>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-6" id="slide-58-layer-13" data-x="['left','left','left','left']" data-hoffset="['187','187','187','187']" data-y="['top','top','top','top']" data-voffset="['216','216','216','216']" data-width="none"
data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;" data-transform_out="opacity:0;s:1000;" data-start="2000" data-responsive_offset="on" style="z-index: 9;">
<div class="rs-looped rs-wave" data-speed="4" data-angle="0" data-radius="10" data-origin="50% 50%"><img src="images/slides/revolution/blurflake1.png" alt="" data-ww="['120px','120px','120px','120px']" data-hh="['120px','120px','120px','120px']" data-no-retina> </div>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-59" data-transition="zoomin" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slides/revolution/150x100_full_3.jpg" data-rotate="0"
data-saveperformance="off" data-title="Orgânicos e mais..." data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/slides/revolution/full_3.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="110" data-rotatestart="0" data-rotateend="0" data-offsetstart="-500 0" data-offsetend="500 0"
data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-59-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']" data-fontweight="['600','800','800','800']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05"
style="z-index: 5; white-space: nowrap; font-weight: 600;color:#fff;">Orgânicos e mais... </div>
</li>
<!-- SLIDE -->
<li data-index="rs-61" data-transition="zoomin" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slides/revolution/150x100_full_5.jpg" data-rotate="0"
data-saveperformance="off" data-title="Gostou?" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/slides/revolution/full_5.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500"
data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-Title tp-resizeme" id="slide-61-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']" data-fontweight="['600','800','800','800']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[-105%];z:0;rX:0deg;rY:0deg;rZ:-90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.1"
style="z-index: 5; white-space: nowrap; font-weight: 600;color:#fff;">Gostou? </div>
</li>
</ul>
<div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
<!-- ========== FEATURE STYLE 1 ========== -->
</div> <!-- end main -->
<!-- ==================================================
Footer: Classes
footer - Default footer
dark-footer - Dark footer [Use with .footer]
sticky-footer - Reveal footer on scroll
================================================== -->
<footer class="footer dark-footer" id="footer">
<!-- ========== Footer - top section ========== -->
<div class="container footer-top">
<div class="row">
<div class="col-md-8">
<!-- ========== line with text rotator ========== -->
<h1 class="capitalize bold pb40" style="" >We love <span id="word-rotate" class="word-rotator-footer">Web Design, ThemeForest, WordPress, Customer Support</span></h1>
<div class="col-md-3 col-sm-6">
<h5 class="footer-title underline">Company</h5>
<ul class="ul">
<li><a href="#" class="trans">About Company</a></li>
<li><a href="#" class="trans">Our Team</a></li>
<li><a href="#" class="trans">Our Vision</a></li>
<li><a href="#" class="trans">Join Us</a></li>
<li><a href="#" class="trans">Privacy Policy</a></li>
<li><a href="#" class="trans">Terms of Use</a></li>
<li><a href="#" class="trans">Return Policy</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h5 class="footer-title underline">Services</h5>
<ul class="ul">
<li><a href="#" class="trans">Website Design</a></li>
<li><a href="#" class="trans">Web Development</a></li>
<li><a href="#" class="trans">Graphic Design</a></li>
<li><a href="#" class="trans">Content Writing</a></li>
<li><a href="#" class="trans">Search Engine</a></li>
<li><a href="#" class="trans">Social Media</a></li>
<li><a href="#" class="trans">Facebook Cover</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h5 class="footer-title underline">Shortcodes</h5>
<ul class="ul">
<li><a href="#" class="trans">Accordions</a></li>
<li><a href="#" class="trans">Feature Boxes</a></li>
<li><a href="#" class="trans">Call to Actions</a></li>
<li><a href="#" class="trans">Word Typer</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h5 class="footer-title underline">Features</h5>
<ul class="ul">
<li><a href="#" class="trans">Headers</a></li>
<li><a href="#" class="trans">Footers</a></li>
<li><a href="#" class="trans">Sliders</a></li>
<li><a href="#" class="trans">Menu Styles</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="vcenter text-right">
<img src="images/logo-light.png" alt="Salt - HTML5 theme" class="img-responsive mb20 pull-right" width="100">
<div class=" clearfix">
<p class="footer-desc">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
</p>
</div>
</div>
<!-- ========== counters ========== -->
<div class="col-md-6 col-sm-6">
<div class="counter-box text-center">
<span class="count-icon ion-ios-albums-outline"></span>
<div class="count-info">
<h6><span class="counter">120</span>+</h6>
<p>devices tested.</p>
</div> <!-- end count-info -->
</div> <!-- end counter-box -->
</div>
<div class="col-md-6 col-sm-6">
<div class="counter-box text-center">
<span class="count-icon ion-ios-flag-outline"></span>
<div class="count-info">
<h6><span class="counter">2200</span>+</h6>
<p>projects done.</p>
</div> <!-- end count-info -->
</div> <!-- end counter-box -->
</div>
</div> <!-- end col-md-4 -->
</div> <!-- end row -->
</div> <!-- end footer-top -->
<!-- ========== Footer - middle section ========== -->
<div class="container footer-middle">
<div class="row">
<div class="col-md-6">
<h6 class="footer-title lowercase"><i class="fa fa-phone"></i> +1 (123) 456-7890 <span class="ml10 mr10">|</span> <i class="fa fa-envelope"></i> support@themesease.com</h6>
</div>
<div class="col-md-6 text-right">
<a href="#" class="trans pr10 pl10"><i class="fa fa-facebook"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-twitter"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-google-plus"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-dribbble"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-youtube"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-vimeo"></i></a>
<a href="#" class="trans pr10 pl10"><i class="fa fa-linkedin"></i></a>
</div>
</div> <!-- end row -->
</div> <!-- end footer-middle -->
<!-- ========== Footer - last section ========== -->
<div class="footer-last">
<div class="container">
<div class="row">
<div class="col-md-6">
© 2016 ThemesEase
</div>
<div class="col-md-6 text-right">
<a href="#" class="mr10">Terms of Use</a> <a href="#">Privacy Policy</a>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</div> <!-- end footer-last -->
<!-- ========== Scroll to top button ========== -->
<div class="scroll-to-top trans"><i class="fa fa-angle-up"></i></div>
</footer>
<!-- ========== SWITCHER ========== -->
<div class="switcher">
<span class="handle" title="Style Settings"><i class="ion-ios-gear-outline"></i></span>
<h5 class="underline">Style Settings</h5>
<div class="mb30">
<span class="color alizarin" data-color-class="alizarin" title="Alizarin"></span>
<span class="color torquoise" data-color-class="torquoise" title="Torquoise"></span>
<span class="color sunflower" data-color-class="sunflower" title="Sun Flower"></span>
<span class="color carrot" data-color-class="carrot" title="Carrot"></span>
<span class="color peterriver" data-color-class="peterriver" title="Peter River"></span>
<span class="color wisteria" data-color-class="wisteria" title="Wisteria"></span>
<span class="color nephritis" data-color-class="nephritis" title="Nephritis"></span>
<span class="color midnightblue" data-color-class="midnightblue" title="Midnight Blue"></span>
</div>
<p class="text-center"><a href="intro.html#demos" title="View Other Demos">View All Demos</a></p>
</div>
<script src="scripts/vendor.js"></script>
<script src="scripts/plugins.js"></script>
<script src="vendor/jquery-form/jquery.form.js"></script>
<script src="vendor/sweetalert2/dist/sweetalert2.min.js"></script>
<script src="vendor/jQuery.equalHeights/jquery.equalheights.min.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/init-cube-home-2.js"></script>
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCUAEhzqYMtZeVDTLtTFb23wHpHBbpo4lI&sensor=false&extension=.js'></script>
<script type="text/javascript">
var tpj = jQuery;
var revapi17;
tpj(document).ready(function() {
if(tpj("#rev_slider_17_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_17_1");
}else{
revapi17 = tpj("#rev_slider_17_1").show().revolution({
sliderType:"standard",
sliderLayout:"fullscreen",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
mouseScrollReverse:"default",
onHoverStop:"off",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
arrows: {
style:"gyges",
enable:true,
hide_onmobile:false,
hide_onleave:true,
hide_delay:200,
hide_delay_mobile:1200,
tmp:'',
left: {
h_align:"left",
v_align:"center",
h_offset:0,
v_offset:0
},
right: {
h_align:"right",
v_align:"center",
h_offset:0,
v_offset:0
}
}
,
thumbnails: {
style:"erinyen",
enable:true,
width:150,
height:100,
min_width:150,
wrapper_padding:5,
wrapper_color:"transparent",
wrapper_opacity:"1",
tmp:'<span class="tp-thumb-over"></span><span class="tp-thumb-image"></span><span class="tp-thumb-title">{{title}}</span><span class="tp-thumb-more"></span>',
visibleAmount:5,
hide_onmobile:true,
hide_under:800,
hide_onleave:false,
direction:"horizontal",
span:false,
position:"inner",
space:0,
h_align:"center",
v_align:"bottom",
h_offset:0,
v_offset:20
}
},
viewPort: {
enable:true,
outof:"pause",
visible_area:"80%"
},
responsiveLevels:[1240,1024,778,480],
visibilityLevels:[1240,1024,778,480],
gridwidth:[1240,1024,778,480],
gridheight:[800,700,600,500],
lazyType:"none",
parallax: {
type:"mouse",
origo:"slidercenter",
speed:2000,
levels:[2,3,4,5,6,7,12,16,10,50,47,48,49,50,51,55],
type:"mouse",
},
shadow:0,
spinner:"off",
stopLoop:"off",
stopAfterLoops:-1,
stopAtSlide:-1,
shuffle:"off",
autoHeight:"off",
fullScreenAutoWidth:"off",
fullScreenAlignForce:"off",
fullScreenOffsetContainer: "",
fullScreenOffset: "",
hideThumbsOnMobile:"on",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
debugMode:false,
fallbacks: {
simplifyAll:"off",
nextSlideOnWindowFocus:"off",
disableFocusListener:false,
}
});
}
}); /*ready*/
</script>
<script type="text/javascript">
$(function($) {
// For Modals
$('.open-modal').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});
});
</script>