24 July 2020

How to create product slider in wordpress/Woo-commerce?

//Link js file with wordpress

function enqueue_files(){

wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js');

}
add_action("wp_enqueue_scripts","enqueue_files");


<style>
<!----------------- paste css in style.css file only------------------->
<!------------in woocommerce product slide effect css----------------->

.outer_image_container {
position: relative;
}

.show_box_effect {
position: absolute;
background: #2f2f2f;
width: 80%;
height: 1%;
top: -80%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: 0.5s all;
z-index: -1;
opacity: 0;
display: flex;

}

ul.products li.product:hover .show_box_effect
{
position: absolute;
background: #2f2f2f;
width: 80%;
height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: 0.5s all;
z-index: 1;
opacity: 1;
display: flex;

}

a.custom_add_to_cart {
background: none;
text-align: center;
align-items: center;
margin: auto;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
font-family: open sans condensed,sans-serif;
font-size: 14px;
line-height: 2em;
font-weight: 300;
text-transform: uppercase;
outline: 0;
padding: 4px 14px;
box-sizing: border-box;
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
color: #fff;
border: 1px solid #c9ab81;
overflow: hidden;
cursor: pointer;
border-radius: 0px;
z-index: 9999;
text-decoration: none;
}


.custom_add_to_cart:after {


background: white;
position: absolute;
top: -1px;
width: 4px;
right: 18px;
content: '';
transform: rotate(30deg) scale(0, 1);
height: 1px;
transition: 0.5s all ease-in-out;


}


.custom_add_to_cart:hover:after {

background: white;
position: absolute;
top: 10px;
right: 0px;
width: 6px;
content: '';
transform: rotate(30deg) scale(10, 1);
height: 1px;
transition: 0.5s all ease-in-out;
}

a.custom_add_to_cart:before {
background: white;
position: absolute;
top: 39px;
left: 27px;
width: 8px;
content: '';
transform: rotate(30deg) scale(0, 1);
height: 1px;
transition: 0.5s all ease-in-out;


}

.custom_add_to_cart:hover:before {

background: white;
position: absolute;
top: 39px;
left: 27px;
width: 8px;
content: '';
transform: rotate(30deg) scale(10, 1);
height: 1px;
transition: 0.5s all ease-in-out;



}



main#main {
max-width: 100% !important;
}


<!------------Owl-carousal css----------------->


.owl-nav {
float: right;
padding: 0px 30px;
}


button.owl-prev span {
padding: 3px 15px;
background: #f1f1f1;
border-radius: 200%;
font-size: 24px;
outline: none;
border: none;
margin-right: 5px;
border: 1px solid #bdb6b6;
}
button.owl-prev span:focus {

outline:none;

}

button.owl-next span {

padding: 3px 15px;
background: #f1f1f1;
border-radius: 200%;
font-size: 24px;
outline: none;
border: 1px solid #bdb6b6;
margin-left: 5px;

}


button.owl-next,button.owl-prev {
outline: none;
}



</style>

<?php

// create product carousel shortcode
function get_product_carousel(){

?>


<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/css/owl.carousel.min.css'; ?>">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/css/owl.theme.default.min.css'; ?>">

<script src="<?php echo get_stylesheet_directory_uri().'/js/owl.carousel.min.js'; ?>"></script>
<script src="<?php echo get_stylesheet_directory_uri().'/js/mousewheel.min.js'; ?>"></script>
<script src="<?php echo get_stylesheet_directory_uri().'/js/owl.carousel.js'; ?>"></script>


<script>

jQuery(document).ready(function($){
var owl = $('.owl-carousel');
owl.owlCarousel({
loop:true,
nav:true,
items:4,
margin:10,
autoplay:true,
autoplayTimeout:4000,
autoplayHoverPause:true
});




owl.on('mousewheel', '.owl-stage', function (e) {
if (e.deltaY>0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});
});

</script>





<ul class="products">

<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => 12
);
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) {
?>
<div class="owl-carousel">
<?php

while ( $loop->have_posts() ) : $loop->the_post();

wc_get_template_part( 'content', 'product' );


endwhile;
?>
</div>
<?php

} else {
echo __( 'No products found' );
}
wp_reset_postdata();
?>
</ul><!--/.products-->
<?php

}
add_shortcode('get-product-carousel','get_product_carousel');


<!-----------------------Paste it where you want----------------------------->

<?php echo do_shortcode('[get-product-carousel]'); ?>

at No comments:

How to get posts with pagination in wordpress?

<?php

 // Register Custom Post Type
function schedule_post_type() {

 $labels = array(
  'name'                  => _x( 'schedule', 'Post Type General Name', 'text_domain' ),
  'singular_name'         => _x( 'schedule', 'Post Type Singular Name', 'text_domain' ),
  'menu_name'             => __( 'schedule', 'text_domain' ),
  'name_admin_bar'        => __( 'schedule', 'text_domain' ),
  'archives'              => __( 'Item Archives', 'text_domain' ),
  'attributes'            => __( 'Item Attributes', 'text_domain' ),
  'parent_item_colon'     => __( 'Parent Item:', 'text_domain' ),
  'all_items'             => __( 'All Items', 'text_domain' ),
  'add_new_item'          => __( 'Add New Item', 'text_domain' ),
  'add_new'               => __( 'Add New', 'text_domain' ),
  'new_item'              => __( 'New Item', 'text_domain' ),
  'edit_item'             => __( 'Edit Item', 'text_domain' ),
  'update_item'           => __( 'Update Item', 'text_domain' ),
  'view_item'             => __( 'View Item', 'text_domain' ),
  'view_items'            => __( 'View Items', 'text_domain' ),
  'search_items'          => __( 'Search Item', 'text_domain' ),
  'not_found'             => __( 'Not found', 'text_domain' ),
  'not_found_in_trash'    => __( 'Not found in Trash', 'text_domain' ),
  'featured_image'        => __( 'Featured Image', 'text_domain' ),
  'set_featured_image'    => __( 'Set featured image', 'text_domain' ),
  'remove_featured_image' => __( 'Remove featured image', 'text_domain' ),
  'use_featured_image'    => __( 'Use as featured image', 'text_domain' ),
  'insert_into_item'      => __( 'Insert into item', 'text_domain' ),
  'uploaded_to_this_item' => __( 'Uploaded to this item', 'text_domain' ),
  'items_list'            => __( 'Items list', 'text_domain' ),
  'items_list_navigation' => __( 'Items list navigation', 'text_domain' ),
  'filter_items_list'     => __( 'Filter items list', 'text_domain' ),
 );
 $args = array(
  'label'                 => __( 'schedule', 'text_domain' ),
  'description'           => __( 'Post Type Description', 'text_domain' ),
  'labels'                => $labels,
  'supports'              => array( 'title', 'editor', 'thumbnail', 'custom-fields' ),
  'taxonomies'            => array( 'category', 'post_tag' ),
  'hierarchical'          => false,
  'public'                => true,
  'show_ui'               => true,
  'show_in_menu'          => true,
  'menu_position'         => 5,
  'show_in_admin_bar'     => true,
  'show_in_nav_menus'     => true,
  'can_export'            => true,
  'has_archive'           => true,
  'exclude_from_search'   => true,
  'publicly_queryable'    => true,
  'capability_type'       => 'page',
 );
 register_post_type( 'schedule', $args );

}
add_action( 'init', 'schedule_post_type', 0 );




//Get posts and custon fields with pagination

function schedule_timing_peg(){

?>


<style>
.js_container {
    width: 80%;
    display: block;
    margin: auto;
font-family:montserrat;
}
.schedule_container {
    width: 32%;
    background: #252424;
    border: 1px solid black;
    padding: 22px 0px;
    border-radius: 8px;
    min-height: 361px;
    margin: 7px 5px;
    display: inline-table;
}
.shedule_heading {
    width: 50%;
    color: red;
    font-size: 25px;
    text-align: left;
    font-weight: 700;
    display: inline-block;
}
.shedule_timing {
    width: 50%;
    color: red;
    font-size: 25px;
    text-align: right;
    font-weight: 700;
    display: inline-block;
}
.shedule_heading_container {
    border-bottom: 1px solid white;
    margin: 0px 22px;
}
.row:nth-of-type(odd) {
    background: #0A0A0A;
}
.row:nth-of-type(even) {
    margin:5px 0px;
}
.shedule_vs {
    color: white;
    font-size: 17px;
    padding: 5px 17px;
}
.row {
    padding: 0px 6px;

}
</style>

<div class="js_container">

<?php


   $args = array( 
   'posts_per_page' => 6,
        'post_type' => 'schedule',
        'post_status' => 'publish',
 'paged' => get_query_var('paged') ? get_query_var('paged') : 1,

    );


    $loop = new WP_Query( $args );
       
    while ( $loop->have_posts() ) : $loop->the_post();
         //the_title();
 //get_the_date('g/j');
       // the_excerpt();
  ?>
 

<div class="schedule_container">
  <div class="shedule_heading_container">
<div Class="shedule_heading"><?php echo the_title(); ?></div><div Class="shedule_timing"><?php echo get_the_date('m/j'); ?></div>
</div>
<?php $meta = get_post_custom(); ?>
<?php foreach ( $meta as $key => $value) { ?>
  <?php if(substr($key, 0, 1) !== '_'): ?>
    <?php  $key.': '.$value[0].'<br />'; ?>

<div class="row">
<div Class="shedule_vs"><?php echo $key.': '.$value[0]; ?></div>
</div>  
 
  <?php endif; ?>
<?php } ?>   
 
</div>

 
   <?php
    endwhile;

$big = 999999999; // need an unlikely integer
echo paginate_links( array(
    'base' => str_replace( $big, '%#%', get_pagenum_link( $big ) ),
    'format' => '?paged=%#%',
    'current' => max( 1, get_query_var('paged') ),
    'total' => $loop->max_num_pages
) );

    wp_reset_postdata();

?>

</div>

<?php
}
add_shortcode('schedule-timing-peg','schedule_timing_peg');



//Paste it where you want

<?php


echo do_shortcode('[schedule-timing-peg]');


?>

at No comments:

23 July 2020

How to show/display content after post content in wordpress?

show/display content after post content in wordpress. 


function yourprefix_add_to_content( $content ) {
if( is_single() ) {
$content .= 'Your new content here';
}
return $content;
}
add_filter( 'the_content', 'yourprefix_add_to_content' );
at No comments:

How to create wp_editor/Custom editor in wordpress/Woo-commerce?

Create wp_editor/Custom editor in wordpress/Woo-commerce.


add_action("admin_init", "certifications");
add_action('save_post', 'save_subdescription');
function certifications(){
add_meta_box("sub_description", "Certifications", "meta_function", "product");
}
function meta_function(){
global $post;
$custom = get_post_custom($post->ID);
$sub_description = $custom["sub_description"][0];
wp_editor( $sub_description, 'certifications', $settings =
array('textarea_name'=>'sub_description','dfw'=>true) );
}
function save_subdescription(){
global $post;
update_post_meta($post->ID, "sub_description", $_POST["sub_description"]);
}



function show_certification_content(){

echo get_post_meta( get_the_ID(), 'sub_description', true );



//echo get_the_content();
}
add_action('woocommerce_before_single_product_summary','show_certification_content');
at No comments:

17 July 2020

How to send email in wordpress?

Send email in wordpress.



$contactfirstname ="lali";

// No need to make changes below this line.
 $toadmin = "developwithjaspreet@gmail.com";

$adminmessage = 'You just got one visitor. Here is the detail below';
$noreply = 'noreply@jaspreet797386@gmail.com';
$headers = "From: " . $contactfirstname . "\r\n";
            $headers .= "Reply-To: ". strip_tags($noreply) . "\r\n";
            $headers .= "MIME-Version: 1.0\r\n";
            $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers = 'From: "' . $contactfirstname . '" <no-reply@randhirstudsios.com>' . "\r\n";
wp_mail( $toadmin, $contactfirstname, $adminmessage, $headers );
at No comments:

How to send email after saving post in wordpress?

Send email after saving post in wordpress



function action_publish_post( $ID, $post ) { 
$contactfirstname ="Jassi";

// No need to make changes below this line.
 $toadmin = "developwithjaspreet@gmail.com";

$adminmessage = 'You just got one visitor. Here is the detail below';
$noreply = 'noreply@jaspreet797386@gmail.com';
$headers = "From: " . $contactfirstname . "\r\n";
            $headers .= "Reply-To: ". strip_tags($noreply) . "\r\n";
            $headers .= "MIME-Version: 1.0\r\n";
            $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers = 'From: "' . $contactfirstname . '" <no-reply@randhirstudsios.com>' . "\r\n";
wp_mail( $toadmin, $contactfirstname, $adminmessage, $headers );
}         
// add the action 
add_action( 'publish_contracts', 'action_publish_post', 10, 2 ); 


at No comments:

16 July 2020

How to remove/disable drag image from website?

Remove/disable drag image from website


jQuery(document).ready(function($){


$('img').mousedown(function(e){

 return false;


});

});
at No comments:

How to add custom attribute in body in wordpress?

Add custom attribute in body in wordpress.


function wp_body_classes( $classes )
{


    $classes[] = '"oncontextmenu="return false;';

    return $classes;
}
add_filter( 'body_class','wp_body_classes', 999 );
at No comments:

How To Disable or Block Inspect Element in Browser/Website?

Disable or Block Inspect Element in Browser/Website
<body oncontextmenu="return false;">


</body>

document.onkeydown = function(e) {
  if(event.keyCode == 123) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
     return false;
  }
  if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
     return false;
  }
}
at No comments:

13 July 2020

How to create flipbook effect in single product page in woocommerce?

Create flipbook effect in single product page in woocommerce.



Note:-> Enqueue these file and get from Multiple Post Thumbnails plugin. After getting these files then you can deactivate plugin.

Page in function.php file

function enqueue_files(){


wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js');


 wp_enqueue_script("featured-image-custom", get_stylesheet_directory_uri(). '/js/multi-post-thumbnails-admin.js');



}


add_action("wp_enqueue_scripts","enqueue_files");

add_theme_support( 'post-thumbnails' );
add_image_size( 'feature-image', 960, 500, true );



// Define additional "post thumbnails". Relies on MultiPostThumbnails to work
if (class_exists('MultiPostThumbnails')) {
    new MultiPostThumbnails(array(
        'label' => '2nd Feature Image',
        'id' => 'feature-image-2',
        'post_type' => 'product'
        )
    );
 

};

?>

get image with this code which i mentioned below.

<?php

MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'feature-image-2', NULL);

?>





<script>

function initGoodies() {

jQuery(".see-back").on("click", function () {
jQuery(this).parents(".book-images").find(".book").toggleClass("back-view");
});
}



jQuery(document).ready(function ($) {

initGoodies();

});
</script>

<?php


remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

// add_action( 'woocommerce_product_thumbnails', 'show_my_flip_book', 20 );
 add_action( 'woocommerce_before_single_product_summary', 'show_my_flip_book', 10 );

function show_my_flip_book(){
global $product;
$id = $product->get_id();

$image = wp_get_attachment_image_src( get_post_thumbnail_id( $loop->post->ID ), 'single-post-thumbnail' );






?>

 

<div class="product-overview__image">

<div class="book-images">
<div class="book">
<img width="300" height="457" src="<?php echo $image[0]; ?>" class="placeholder wp-post-image" alt="" srcset="<?php echo $image[0]; ?> 300w, <?php echo $image[0]; ?> 197w, <?php echo $image[0]; ?> 768w, <?php echo $image[0]; ?> 672w, <?php echo $image[0]; ?> 345w, <?php echo $image[0]; ?> 263w, <?php echo $image[0]; ?> 893w" sizes="(max-width: 300px) 100vw, 300px"> <div class="book__page book__page--front">
<img width="300" height="457" src="<?php echo $image[0]; ?>" class="attachment-shop_single size-shop_single wp-post-image" alt="" srcset="<?php echo $image[0]; ?> 300w, <?php echo $image[0]; ?> 197w, <?php echo $image[0]; ?> 768w, <?php echo $image[0]; ?> 672w, <?php echo $image[0]; ?> 345w, <?php echo $image[0]; ?> 263w, <?php echo $image[0]; ?> 893w" sizes="(max-width: 300px) 100vw, 300px"> </div>
<div class="book__page book__page--back">
<?php MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'feature-image-2', NULL); ?>
</div>
<div class="book__page book__page--first-page"></div>
<div class="book__page book__page--second-page"></div>
<div class="book__page book__page--side"></div>
<div class="book__page book__page--side-paper"></div>
</div>
<div class="book__action">
<button class="see-back button button--secondary">
<i class="dripicons-clockwise"></i>
<span>Flip to Back</span>
</button>
</div>
</div>
</div>


<?php

}


?>


<style>







.product-overview__image {
    width:40%;
}
@media screen and (max-width: 768px) {
    .product-overview__image {
        margin-bottom:40px;
    }
}
.product-overview__image .images img {
    width:100%;
    height:auto;
}
.product-overview__image .images .thumbnails.columns-3 {
    margin:0 -5px;
}
.product-overview__image .images .thumbnails.columns-3:after {
    display:block;
    clear:both;
    content:" ";
}
.product-overview__image .images .thumbnails.columns-3 a {
    float:left;
    width:33.3333%;
    padding:5px;
}
.product-overview__image, .product-overview__summary {
    float:left;
}
@media screen and (max-width: 768px) {
    .product-overview__image, .product-overview__summary {
        display:block;
        float:none;
        width:100%;
    }
}
.deal-end-soon .product-overview__image img {
    display:block;
    margin:0 auto;
}


.book-images {
    -webkit-perspective:2000px;
    perspective:2000px;
}
.book-images .book {
    position:relative;
    width:80%;
    max-width:100%;
    margin:0 auto;
    -webkit-transition:-webkit-transform 0.6s ease;
    -o-transition:-o-transform 0.6s ease;
    transition:-webkit-transform 0.6s ease;
    transition:transform 0.6s ease;
    transition:transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.book-images .book.back-view {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.rtl .book-images .book.back-view {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(-30deg);
    transform:rotateY(-30deg);
}
.rtl .book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(30deg);
    transform:rotateY(30deg);
}
.book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(-20deg);
    transform:rotateY(-20deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(20deg);
    transform:rotateY(20deg);
}
.book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(-10deg);
    transform:rotateY(-10deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(10deg);
    transform:rotateY(10deg);
}
.book-images .book img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book .placeholder {
    display:block;
    visibility:hidden;
    height:auto;
}
.book-images .book__page {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:-o-linear-gradient(45deg, white, #fafafa);
    background-image:linear-gradient(45deg, white, #fafafa);
    -webkit-transition:-webkit-transform 0.3s ease;
    -o-transition:-o-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    -o-transform-origin:0;
    transform-origin:0;
    will-change:transform;
}
.book-images .book__page img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book__page--side {
    bottom:0;
    width:50px;
    background-color:#333333;
    background-image:-o-linear-gradient(45deg, #333333, #111111);
    background-image:linear-gradient(45deg, #333333, #111111);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.rtl .book-images .book__page--side {
    left:100%;
}
.book-images .book__page--side-paper {
    bottom:0;
    left:100%;
    width:50px;
    background-color:white;
    background-color:#f3f3f3;
    /* IE9, iOS 3.2+ */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAxMzAwMDAwMDAwMDAwMDAwMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDQ0OTU4NzYyODg2NTk3OTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNTE5NTg3NjI4ODY1OTc5MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA2Mzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDYzOTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzY5MTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA4MzkxNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDk1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wOTU4NzYyODg2NTk3OTM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTA4ODc2Mjg4NjU5NzkzODIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xMTU4NzYyODg2NTk3OTM4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjEyNzg3NjI4ODY1OTc5Mzg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTI3ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNDA4MzUwNTE1NDYzOTE3NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE0NzgzNTA1MTU0NjM5MTczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTU5ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNTk3OTM4MTQ0MzI5ODk2OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE3Mjc5MzgxNDQzMjk4OTY2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTc5NzkzODE0NDMyOTg5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE5MTc5MzgxNDQzMjk4OTY4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTkxNzUyNTc3MzE5NTg3NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIwNDc1MjU3NzMxOTU4NzYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjExNzUyNTc3MzE5NTg3NjMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yMjM3NTI1NzczMTk1ODc2MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIyMzcxMTM0MDIwNjE4NTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjM2NzExMzQwMjA2MTg1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNDM3MTEzNDAyMDYxODU1NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1NTcxMTM0MDIwNjE4NTUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNTU2NzAxMDMwOTI3ODM1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjY4NjcwMTAzMDkyNzgzNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI3NTY3MDEwMzA5Mjc4MzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yODc2NzAxMDMwOTI3ODM0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI4NzYyODg2NTk3OTM4MTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMDA2Mjg4NjU5NzkzODE0MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNzYyODg2NTk3OTM4MTQ0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzE5NjI4ODY1OTc5MzgxNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyNTg3NjI4ODY1OTc5MzciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzUxNTg3NjI4ODY1OTc5MzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNTE1NDYzOTE3NTI1NzczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzY0NTQ2MzkxNzUyNTc3MjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNzE1NDYzOTE3NTI1NzcyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjM4MzU0NjM5MTc1MjU3NzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zODM1MDUxNTQ2MzkxNzUyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzk2NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40MDM1MDUxNTQ2MzkxNzUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQxNTUwNTE1NDYzOTE3NTI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDE1NDYzOTE3NTI1NzczMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Mjg0NjM5MTc1MjU3NzMxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDM1NDYzOTE3NTI1NzczMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ0NzQ2MzkxNzUyNTc3MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40NDc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDYwNDIyNjgwNDEyMzcxMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Njc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDc5NDIyNjgwNDEyMzcxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ3OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5MjM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMTM4MTQ0MzI5ODk2OTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MTEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MjQzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MzEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTU2Mjk4OTY5MDcyMTY0OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU2MzI5ODk2OTA3MjE2NDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NzUyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTc1MjU3NzMxOTU4NzYyOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4ODI1NzczMTk1ODc2MjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41OTUyNTc3MzE5NTg3NjI5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjA3MjU3NzMxOTU4NzYyOSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYwNzIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MjAyMTY0OTQ4NDUzNjA4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjI3MjE2NDk0ODQ1MzYwOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYzOTIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MzkxNzUyNTc3MzE5NTg3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjUyMTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NzExNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjcxMTM0MDIwNjE4NTU2NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY4NDEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42OTExMzQwMjA2MTg1NTY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzAzMTM0MDIwNjE4NTU2NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjcwMzA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MTYwOTI3ODM1MDUxNTQ1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzIzMDkyNzgzNTA1MTU0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjczNTA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MzUwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzQ4MDUxNTQ2MzkxNzUyNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43NjcwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzY3MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc4MDAxMDMwOTI3ODM1MDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43ODcwMTAzMDkyNzgzNTA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzk5MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc5ODk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MTE5NjkwNzIxNjQ5NDg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODE4OTY5MDcyMTY0OTQ4NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjgzMDk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MzA5Mjc4MzUwNTE1NDYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODQzOTI3ODM1MDUxNTQ2MiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg1MDkyNzgzNTA1MTU0NjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44NjI5Mjc4MzUwNTE1NDY0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODYyODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg3NTg4NjU5NzkzODE0NDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44ODI4ODY1OTc5MzgxNDQzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk0ODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg5NDg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MDc4NDUzNjA4MjQ3NDIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTE0ODQ1MzYwODI0NzQyMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjkyNjg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MjY4MDQxMjM3MTEzNDAxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTM5ODA0MTIzNzExMzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45NDY4MDQxMjM3MTEzNDAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTU4ODA0MTIzNzExMzQwMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk1ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3MTc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDcyMTY0OTQ4NDUzNiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3 */
    background-image:-webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    /* IE10+ */
    background-image:-o-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:-ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
    /* IE8- CSS hack */
}
@media \0screen\,screen\9 {
    .book-images .book__page--side-paper {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe2e2e2",GradientType=1);
    }
}
.rtl .book-images .book__page--side-paper {
    left:0;
}
.book-images .book__page--front {
    background-color:#333333;
    -webkit-transform:rotateY(-2deg);
    transform:rotateY(-2deg);
}
.rtl .book-images .book__page--front {
    -webkit-transform:rotateY(2deg);
    transform:rotateY(2deg);
    -webkit-transform-origin:100%;
    -ms-transform-origin:100%;
    -o-transform-origin:100%;
    transform-origin:100%;
}
.book-images .book__page--front:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--front:after {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.book-images .book__page--back {
    width:100%;
    height:100%;
    background:url("../img/pattern.png") !important;
    -webkit-box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform:translateZ(-50px) rotateY(180deg);
    transform:translateZ(-50px) rotateY(180deg);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
}
.book-images .book__page--back:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    background:linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--back:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.book-images .book__page--first-page, .book-images .book__page--second-page {
    width:100%;
    height:100%;
    background-color:white;
}
.book-images .book__page--first-page {
    background-image:-o-linear-gradient(15deg, #aaaaaa, #cccccc);
    background-image:linear-gradient(75deg, #aaaaaa, #cccccc);
    -webkit-transform:rotateY(-1deg);
    transform:rotateY(-1deg);
}
.rtl .book-images .book__page--first-page {
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
}
.book-images .book__page--second-page {
    background-color:#fafafa;
    background-image:-o-linear-gradient(45deg, #f3f3f3, #fafafa);
    background-image:linear-gradient(45deg, #f3f3f3, #fafafa);
}
.no-preserve3d .book-images .book__page--back, .no-preserve3d .book-images .book__page--first-page, .no-preserve3d .book-images .book__page--side, .no-preserve3d .book-images .book__page--side-paper, .no-preserve3d .book-images .book__page--second-page {
    display:none;
}
.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}

.book-images {
    -webkit-perspective:2000px;
    perspective:2000px;
}
.book-images .book {
    position:relative;
    width:80%;
    max-width:100%;
    margin:0 auto;
    -webkit-transition:-webkit-transform 0.6s ease;
    -o-transition:-o-transform 0.6s ease;
    transition:-webkit-transform 0.6s ease;
    transition:transform 0.6s ease;
    transition:transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.book-images .book.back-view {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.rtl .book-images .book.back-view {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(-30deg);
    transform:rotateY(-30deg);
}
.rtl .book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(30deg);
    transform:rotateY(30deg);
}
.book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(-20deg);
    transform:rotateY(-20deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(20deg);
    transform:rotateY(20deg);
}
.book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(-10deg);
    transform:rotateY(-10deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(10deg);
    transform:rotateY(10deg);
}
.book-images .book img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book .placeholder {
    display:block;
    visibility:hidden;
    height:auto;
}
.book-images .book__page {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:-o-linear-gradient(45deg, white, #fafafa);
    background-image:linear-gradient(45deg, white, #fafafa);
    -webkit-transition:-webkit-transform 0.3s ease;
    -o-transition:-o-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    -o-transform-origin:0;
    transform-origin:0;
    will-change:transform;
}
.book-images .book__page img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book__page--side {
    bottom:0;
    width:50px;
    background-color:#333333;
    background-image:-o-linear-gradient(45deg, #333333, #111111);
    background-image:linear-gradient(45deg, #333333, #111111);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.rtl .book-images .book__page--side {
    left:100%;
}
.book-images .book__page--side-paper {
    bottom:0;
    left:100%;
    width:50px;
    background-color:white;
    background-color:#f3f3f3;
    /* IE9, iOS 3.2+ */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAxMzAwMDAwMDAwMDAwMDAwMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDQ0OTU4NzYyODg2NTk3OTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNTE5NTg3NjI4ODY1OTc5MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA2Mzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDYzOTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzY5MTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA4MzkxNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDk1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wOTU4NzYyODg2NTk3OTM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTA4ODc2Mjg4NjU5NzkzODIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xMTU4NzYyODg2NTk3OTM4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjEyNzg3NjI4ODY1OTc5Mzg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTI3ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNDA4MzUwNTE1NDYzOTE3NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE0NzgzNTA1MTU0NjM5MTczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTU5ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNTk3OTM4MTQ0MzI5ODk2OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE3Mjc5MzgxNDQzMjk4OTY2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTc5NzkzODE0NDMyOTg5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE5MTc5MzgxNDQzMjk4OTY4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTkxNzUyNTc3MzE5NTg3NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIwNDc1MjU3NzMxOTU4NzYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjExNzUyNTc3MzE5NTg3NjMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yMjM3NTI1NzczMTk1ODc2MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIyMzcxMTM0MDIwNjE4NTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjM2NzExMzQwMjA2MTg1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNDM3MTEzNDAyMDYxODU1NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1NTcxMTM0MDIwNjE4NTUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNTU2NzAxMDMwOTI3ODM1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjY4NjcwMTAzMDkyNzgzNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI3NTY3MDEwMzA5Mjc4MzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yODc2NzAxMDMwOTI3ODM0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI4NzYyODg2NTk3OTM4MTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMDA2Mjg4NjU5NzkzODE0MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNzYyODg2NTk3OTM4MTQ0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzE5NjI4ODY1OTc5MzgxNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyNTg3NjI4ODY1OTc5MzciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzUxNTg3NjI4ODY1OTc5MzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNTE1NDYzOTE3NTI1NzczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzY0NTQ2MzkxNzUyNTc3MjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNzE1NDYzOTE3NTI1NzcyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjM4MzU0NjM5MTc1MjU3NzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zODM1MDUxNTQ2MzkxNzUyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzk2NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40MDM1MDUxNTQ2MzkxNzUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQxNTUwNTE1NDYzOTE3NTI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDE1NDYzOTE3NTI1NzczMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Mjg0NjM5MTc1MjU3NzMxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDM1NDYzOTE3NTI1NzczMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ0NzQ2MzkxNzUyNTc3MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40NDc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDYwNDIyNjgwNDEyMzcxMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Njc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDc5NDIyNjgwNDEyMzcxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ3OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5MjM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMTM4MTQ0MzI5ODk2OTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MTEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MjQzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MzEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTU2Mjk4OTY5MDcyMTY0OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU2MzI5ODk2OTA3MjE2NDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NzUyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTc1MjU3NzMxOTU4NzYyOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4ODI1NzczMTk1ODc2MjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41OTUyNTc3MzE5NTg3NjI5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjA3MjU3NzMxOTU4NzYyOSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYwNzIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MjAyMTY0OTQ4NDUzNjA4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjI3MjE2NDk0ODQ1MzYwOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYzOTIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MzkxNzUyNTc3MzE5NTg3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjUyMTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NzExNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjcxMTM0MDIwNjE4NTU2NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY4NDEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42OTExMzQwMjA2MTg1NTY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzAzMTM0MDIwNjE4NTU2NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjcwMzA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MTYwOTI3ODM1MDUxNTQ1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzIzMDkyNzgzNTA1MTU0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjczNTA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MzUwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzQ4MDUxNTQ2MzkxNzUyNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43NjcwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzY3MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc4MDAxMDMwOTI3ODM1MDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43ODcwMTAzMDkyNzgzNTA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzk5MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc5ODk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MTE5NjkwNzIxNjQ5NDg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODE4OTY5MDcyMTY0OTQ4NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjgzMDk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MzA5Mjc4MzUwNTE1NDYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODQzOTI3ODM1MDUxNTQ2MiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg1MDkyNzgzNTA1MTU0NjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44NjI5Mjc4MzUwNTE1NDY0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODYyODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg3NTg4NjU5NzkzODE0NDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44ODI4ODY1OTc5MzgxNDQzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk0ODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg5NDg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MDc4NDUzNjA4MjQ3NDIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTE0ODQ1MzYwODI0NzQyMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjkyNjg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MjY4MDQxMjM3MTEzNDAxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTM5ODA0MTIzNzExMzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45NDY4MDQxMjM3MTEzNDAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTU4ODA0MTIzNzExMzQwMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk1ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3MTc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDcyMTY0OTQ4NDUzNiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3 */
    background-image:-webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    /* IE10+ */
    background-image:-o-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:-ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
    /* IE8- CSS hack */
}
@media \0screen\,screen\9 {
    .book-images .book__page--side-paper {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe2e2e2",GradientType=1);
    }
}
.rtl .book-images .book__page--side-paper {
    left:0;
}
.book-images .book__page--front {
    background-color:#333333;
    -webkit-transform:rotateY(-2deg);
    transform:rotateY(-2deg);
}
.rtl .book-images .book__page--front {
    -webkit-transform:rotateY(2deg);
    transform:rotateY(2deg);
    -webkit-transform-origin:100%;
    -ms-transform-origin:100%;
    -o-transform-origin:100%;
    transform-origin:100%;
}
.book-images .book__page--front:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--front:after {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.book-images .book__page--back {
    width:100%;
    height:100%;
    background:url("../img/pattern.png") !important;
    -webkit-box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform:translateZ(-50px) rotateY(180deg);
    transform:translateZ(-50px) rotateY(180deg);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
}
.book-images .book__page--back:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    background:linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--back:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.book-images .book__page--first-page, .book-images .book__page--second-page {
    width:100%;
    height:100%;
    background-color:white;
}
.book-images .book__page--first-page {
    background-image:-o-linear-gradient(15deg, #aaaaaa, #cccccc);
    background-image:linear-gradient(75deg, #aaaaaa, #cccccc);
    -webkit-transform:rotateY(-1deg);
    transform:rotateY(-1deg);
}
.rtl .book-images .book__page--first-page {
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
}
.book-images .book__page--second-page {
    background-color:#fafafa;
    background-image:-o-linear-gradient(45deg, #f3f3f3, #fafafa);
    background-image:linear-gradient(45deg, #f3f3f3, #fafafa);
}
.no-preserve3d .book-images .book__page--back, .no-preserve3d .book-images .book__page--first-page, .no-preserve3d .book-images .book__page--side, .no-preserve3d .book-images .book__page--side-paper, .no-preserve3d .book-images .book__page--second-page {
    display:none;
}
.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}

.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.button--secondary, .product-grid .product__action .button.yith-wcqv-button, .product-grid .product__action button.yith-wcqv-button, .product-grid .product__action input.yith-wcqv-button[type="submit"], .product-grid .product__action input.yith-wcqv-button[type="reset"], .product-list .product__action .yith-wcqv-button {
    color:white;
    background-color:#b2dc71;
}
.button--secondary:hover, .product-grid .product__action .button.yith-wcqv-button:hover, .product-grid .product__action button.yith-wcqv-button:hover, .product-grid .product__action input.yith-wcqv-button:hover[type="submit"], .product-grid .product__action input.yith-wcqv-button:hover[type="reset"], .product-list .product__action .yith-wcqv-button:hover {
    color:white;
    background-color:#d0e1b7;
}


</style>




at No comments:

How to create second select featured image in add product page in woocommerce


Note:-> Enqueue these file and get from Multiple Post Thumbnails plugin. After getting these files then you can deactivate plugin.

Page in function.php file

function enqueue_files(){


wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js');
wp_enqueue_style( 'custom-elementor-style', get_stylesheet_directory_uri() . '/widgets/custom-elementor-style.css');

 wp_enqueue_script("featured-image-custom", get_stylesheet_directory_uri(). '/js/multi-post-thumbnails-admin.js');
 


}


add_action("wp_enqueue_scripts","enqueue_files");

add_theme_support( 'post-thumbnails' );
add_image_size( 'feature-image', 960, 500, true );



// Define additional "post thumbnails". Relies on MultiPostThumbnails to work
if (class_exists('MultiPostThumbnails')) {
    new MultiPostThumbnails(array(
        'label' => '2nd Feature Image',
        'id' => 'feature-image-2',
        'post_type' => 'product'
        )
    );
   

};



 get image with this code which i mentioned below.

<?php MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'feature-image-2', NULL); ?>

at No comments:

How to remove and add new functionality in woocommerce product thumbnails on single product page?

 Remove and add new functionality in woocommerce product thumbnails on single product page.


remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

add_action( 'woocommerce_product_thumbnails', 'show_my_flip_book', 20 );
 add_action( 'woocommerce_before_single_product_summary', 'show_my_flip_book', 10 ); 
at No comments:

How to create flipbook effect in html/css and jquery?

Create flipbook effect in html/css and jquery.




<script>

function initGoodies() {

jQuery(".see-back").on("click", function () {
jQuery(this).parents(".book-images").find(".book").toggleClass("back-view");
});
}



jQuery(document).ready(function ($) {

initGoodies();

});
</script>

<div class="product-overview__image">

<div class="book-images">
<div class="book">
<img width="300" height="457" src="https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-300x457.jpg" class="placeholder wp-post-image" alt="" srcset="https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-300x457.jpg 300w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-197x300.jpg 197w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-768x1170.jpg 768w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-672x1024.jpg 672w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-345x525.jpg 345w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-263x400.jpg 263w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1.jpg 893w" sizes="(max-width: 300px) 100vw, 300px"> <div class="book__page book__page--front">
<img width="300" height="457" src="https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-300x457.jpg" class="attachment-shop_single size-shop_single wp-post-image" alt="" srcset="https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-300x457.jpg 300w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-197x300.jpg 197w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-768x1170.jpg 768w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-672x1024.jpg 672w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-345x525.jpg 345w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1-263x400.jpg 263w, https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2017/06/book-1.jpg 893w" sizes="(max-width: 300px) 100vw, 300px"> </div>
<div class="book__page book__page--back">
<img src="https://demo2.tokomoo.com/livre/wp-content/uploads/sites/16/2016/10/Book_002_1-300x463.jpg" alt="Back Cover">
</div>
<div class="book__page book__page--first-page"></div>
<div class="book__page book__page--second-page"></div>
<div class="book__page book__page--side"></div>
<div class="book__page book__page--side-paper"></div>
</div>
<div class="book__action">
<button class="see-back button button--secondary">
<i class="dripicons-clockwise"></i>
<span>Flip to Back</span>
</button>
</div>
</div>
</div>




<style>







.product-overview__image {
    width:40%;
}
@media screen and (max-width: 768px) {
    .product-overview__image {
        margin-bottom:40px;
    }
}
.product-overview__image .images img {
    width:100%;
    height:auto;
}
.product-overview__image .images .thumbnails.columns-3 {
    margin:0 -5px;
}
.product-overview__image .images .thumbnails.columns-3:after {
    display:block;
    clear:both;
    content:" ";
}
.product-overview__image .images .thumbnails.columns-3 a {
    float:left;
    width:33.3333%;
    padding:5px;
}
.product-overview__image, .product-overview__summary {
    float:left;
}
@media screen and (max-width: 768px) {
    .product-overview__image, .product-overview__summary {
        display:block;
        float:none;
        width:100%;
    }
}
.deal-end-soon .product-overview__image img {
    display:block;
    margin:0 auto;
}


.book-images {
    -webkit-perspective:2000px;
    perspective:2000px;
}
.book-images .book {
    position:relative;
    width:80%;
    max-width:100%;
    margin:0 auto;
    -webkit-transition:-webkit-transform 0.6s ease;
    -o-transition:-o-transform 0.6s ease;
    transition:-webkit-transform 0.6s ease;
    transition:transform 0.6s ease;
    transition:transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.book-images .book.back-view {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.rtl .book-images .book.back-view {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(-30deg);
    transform:rotateY(-30deg);
}
.rtl .book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(30deg);
    transform:rotateY(30deg);
}
.book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(-20deg);
    transform:rotateY(-20deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(20deg);
    transform:rotateY(20deg);
}
.book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(-10deg);
    transform:rotateY(-10deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(10deg);
    transform:rotateY(10deg);
}
.book-images .book img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book .placeholder {
    display:block;
    visibility:hidden;
    height:auto;
}
.book-images .book__page {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:-o-linear-gradient(45deg, white, #fafafa);
    background-image:linear-gradient(45deg, white, #fafafa);
    -webkit-transition:-webkit-transform 0.3s ease;
    -o-transition:-o-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    -o-transform-origin:0;
    transform-origin:0;
    will-change:transform;
}
.book-images .book__page img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book__page--side {
    bottom:0;
    width:50px;
    background-color:#333333;
    background-image:-o-linear-gradient(45deg, #333333, #111111);
    background-image:linear-gradient(45deg, #333333, #111111);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.rtl .book-images .book__page--side {
    left:100%;
}
.book-images .book__page--side-paper {
    bottom:0;
    left:100%;
    width:50px;
    background-color:white;
    background-color:#f3f3f3;
    /* IE9, iOS 3.2+ */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAxMzAwMDAwMDAwMDAwMDAwMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDQ0OTU4NzYyODg2NTk3OTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNTE5NTg3NjI4ODY1OTc5MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA2Mzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDYzOTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzY5MTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA4MzkxNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDk1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wOTU4NzYyODg2NTk3OTM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTA4ODc2Mjg4NjU5NzkzODIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xMTU4NzYyODg2NTk3OTM4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjEyNzg3NjI4ODY1OTc5Mzg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTI3ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNDA4MzUwNTE1NDYzOTE3NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE0NzgzNTA1MTU0NjM5MTczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTU5ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNTk3OTM4MTQ0MzI5ODk2OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE3Mjc5MzgxNDQzMjk4OTY2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTc5NzkzODE0NDMyOTg5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE5MTc5MzgxNDQzMjk4OTY4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTkxNzUyNTc3MzE5NTg3NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIwNDc1MjU3NzMxOTU4NzYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjExNzUyNTc3MzE5NTg3NjMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yMjM3NTI1NzczMTk1ODc2MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIyMzcxMTM0MDIwNjE4NTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjM2NzExMzQwMjA2MTg1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNDM3MTEzNDAyMDYxODU1NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1NTcxMTM0MDIwNjE4NTUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNTU2NzAxMDMwOTI3ODM1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjY4NjcwMTAzMDkyNzgzNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI3NTY3MDEwMzA5Mjc4MzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yODc2NzAxMDMwOTI3ODM0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI4NzYyODg2NTk3OTM4MTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMDA2Mjg4NjU5NzkzODE0MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNzYyODg2NTk3OTM4MTQ0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzE5NjI4ODY1OTc5MzgxNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyNTg3NjI4ODY1OTc5MzciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzUxNTg3NjI4ODY1OTc5MzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNTE1NDYzOTE3NTI1NzczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzY0NTQ2MzkxNzUyNTc3MjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNzE1NDYzOTE3NTI1NzcyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjM4MzU0NjM5MTc1MjU3NzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zODM1MDUxNTQ2MzkxNzUyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzk2NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40MDM1MDUxNTQ2MzkxNzUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQxNTUwNTE1NDYzOTE3NTI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDE1NDYzOTE3NTI1NzczMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Mjg0NjM5MTc1MjU3NzMxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDM1NDYzOTE3NTI1NzczMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ0NzQ2MzkxNzUyNTc3MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40NDc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDYwNDIyNjgwNDEyMzcxMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Njc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDc5NDIyNjgwNDEyMzcxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ3OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5MjM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMTM4MTQ0MzI5ODk2OTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MTEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MjQzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MzEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTU2Mjk4OTY5MDcyMTY0OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU2MzI5ODk2OTA3MjE2NDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NzUyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTc1MjU3NzMxOTU4NzYyOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4ODI1NzczMTk1ODc2MjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41OTUyNTc3MzE5NTg3NjI5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjA3MjU3NzMxOTU4NzYyOSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYwNzIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MjAyMTY0OTQ4NDUzNjA4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjI3MjE2NDk0ODQ1MzYwOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYzOTIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MzkxNzUyNTc3MzE5NTg3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjUyMTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NzExNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjcxMTM0MDIwNjE4NTU2NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY4NDEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42OTExMzQwMjA2MTg1NTY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzAzMTM0MDIwNjE4NTU2NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjcwMzA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MTYwOTI3ODM1MDUxNTQ1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzIzMDkyNzgzNTA1MTU0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjczNTA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MzUwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzQ4MDUxNTQ2MzkxNzUyNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43NjcwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzY3MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc4MDAxMDMwOTI3ODM1MDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43ODcwMTAzMDkyNzgzNTA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzk5MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc5ODk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MTE5NjkwNzIxNjQ5NDg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODE4OTY5MDcyMTY0OTQ4NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjgzMDk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MzA5Mjc4MzUwNTE1NDYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODQzOTI3ODM1MDUxNTQ2MiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg1MDkyNzgzNTA1MTU0NjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44NjI5Mjc4MzUwNTE1NDY0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODYyODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg3NTg4NjU5NzkzODE0NDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44ODI4ODY1OTc5MzgxNDQzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk0ODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg5NDg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MDc4NDUzNjA4MjQ3NDIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTE0ODQ1MzYwODI0NzQyMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjkyNjg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MjY4MDQxMjM3MTEzNDAxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTM5ODA0MTIzNzExMzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45NDY4MDQxMjM3MTEzNDAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTU4ODA0MTIzNzExMzQwMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk1ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3MTc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDcyMTY0OTQ4NDUzNiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3 */
    background-image:-webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    /* IE10+ */
    background-image:-o-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:-ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
    /* IE8- CSS hack */
}
@media \0screen\,screen\9 {
    .book-images .book__page--side-paper {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe2e2e2",GradientType=1);
    }
}
.rtl .book-images .book__page--side-paper {
    left:0;
}
.book-images .book__page--front {
    background-color:#333333;
    -webkit-transform:rotateY(-2deg);
    transform:rotateY(-2deg);
}
.rtl .book-images .book__page--front {
    -webkit-transform:rotateY(2deg);
    transform:rotateY(2deg);
    -webkit-transform-origin:100%;
    -ms-transform-origin:100%;
    -o-transform-origin:100%;
    transform-origin:100%;
}
.book-images .book__page--front:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--front:after {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.book-images .book__page--back {
    width:100%;
    height:100%;
    background:url("../img/pattern.png") !important;
    -webkit-box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform:translateZ(-50px) rotateY(180deg);
    transform:translateZ(-50px) rotateY(180deg);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
}
.book-images .book__page--back:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    background:linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--back:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.book-images .book__page--first-page, .book-images .book__page--second-page {
    width:100%;
    height:100%;
    background-color:white;
}
.book-images .book__page--first-page {
    background-image:-o-linear-gradient(15deg, #aaaaaa, #cccccc);
    background-image:linear-gradient(75deg, #aaaaaa, #cccccc);
    -webkit-transform:rotateY(-1deg);
    transform:rotateY(-1deg);
}
.rtl .book-images .book__page--first-page {
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
}
.book-images .book__page--second-page {
    background-color:#fafafa;
    background-image:-o-linear-gradient(45deg, #f3f3f3, #fafafa);
    background-image:linear-gradient(45deg, #f3f3f3, #fafafa);
}
.no-preserve3d .book-images .book__page--back, .no-preserve3d .book-images .book__page--first-page, .no-preserve3d .book-images .book__page--side, .no-preserve3d .book-images .book__page--side-paper, .no-preserve3d .book-images .book__page--second-page {
    display:none;
}
.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}

.book-images {
    -webkit-perspective:2000px;
    perspective:2000px;
}
.book-images .book {
    position:relative;
    width:80%;
    max-width:100%;
    margin:0 auto;
    -webkit-transition:-webkit-transform 0.6s ease;
    -o-transition:-o-transform 0.6s ease;
    transition:-webkit-transform 0.6s ease;
    transition:transform 0.6s ease;
    transition:transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.book-images .book.back-view {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.rtl .book-images .book.back-view {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(-30deg);
    transform:rotateY(-30deg);
}
.rtl .book-images .book:not(.back-view):hover {
    -webkit-transform:rotateY(30deg);
    transform:rotateY(30deg);
}
.book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(-20deg);
    transform:rotateY(-20deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--front {
    -webkit-transform:rotateY(20deg);
    transform:rotateY(20deg);
}
.book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(-10deg);
    transform:rotateY(-10deg);
}
.rtl .book-images .book:not(.back-view):hover .book__page--first-page {
    -webkit-transform:rotateY(10deg);
    transform:rotateY(10deg);
}
.book-images .book img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book .placeholder {
    display:block;
    visibility:hidden;
    height:auto;
}
.book-images .book__page {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:-o-linear-gradient(45deg, white, #fafafa);
    background-image:linear-gradient(45deg, white, #fafafa);
    -webkit-transition:-webkit-transform 0.3s ease;
    -o-transition:-o-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    -o-transform-origin:0;
    transform-origin:0;
    will-change:transform;
}
.book-images .book__page img {
    display:block;
    width:100%;
    height:auto;
}
.book-images .book__page--side {
    bottom:0;
    width:50px;
    background-color:#333333;
    background-image:-o-linear-gradient(45deg, #333333, #111111);
    background-image:linear-gradient(45deg, #333333, #111111);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.rtl .book-images .book__page--side {
    left:100%;
}
.book-images .book__page--side-paper {
    bottom:0;
    left:100%;
    width:50px;
    background-color:white;
    background-color:#f3f3f3;
    /* IE9, iOS 3.2+ */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAxMzAwMDAwMDAwMDAwMDAwMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDQ0OTU4NzYyODg2NTk3OTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNTE5NTg3NjI4ODY1OTc5MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA2Mzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDYzOTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzY5MTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA4MzkxNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDk1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wOTU4NzYyODg2NTk3OTM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTA4ODc2Mjg4NjU5NzkzODIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xMTU4NzYyODg2NTk3OTM4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjEyNzg3NjI4ODY1OTc5Mzg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTI3ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNDA4MzUwNTE1NDYzOTE3NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE0NzgzNTA1MTU0NjM5MTczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTU5ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNTk3OTM4MTQ0MzI5ODk2OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE3Mjc5MzgxNDQzMjk4OTY2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTc5NzkzODE0NDMyOTg5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE5MTc5MzgxNDQzMjk4OTY4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTkxNzUyNTc3MzE5NTg3NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIwNDc1MjU3NzMxOTU4NzYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjExNzUyNTc3MzE5NTg3NjMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yMjM3NTI1NzczMTk1ODc2MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIyMzcxMTM0MDIwNjE4NTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjM2NzExMzQwMjA2MTg1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNDM3MTEzNDAyMDYxODU1NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1NTcxMTM0MDIwNjE4NTUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNTU2NzAxMDMwOTI3ODM1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjY4NjcwMTAzMDkyNzgzNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI3NTY3MDEwMzA5Mjc4MzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yODc2NzAxMDMwOTI3ODM0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI4NzYyODg2NTk3OTM4MTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMDA2Mjg4NjU5NzkzODE0MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNzYyODg2NTk3OTM4MTQ0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzE5NjI4ODY1OTc5MzgxNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyNTg3NjI4ODY1OTc5MzciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzUxNTg3NjI4ODY1OTc5MzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNTE1NDYzOTE3NTI1NzczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzY0NTQ2MzkxNzUyNTc3MjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNzE1NDYzOTE3NTI1NzcyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjM4MzU0NjM5MTc1MjU3NzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zODM1MDUxNTQ2MzkxNzUyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzk2NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40MDM1MDUxNTQ2MzkxNzUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQxNTUwNTE1NDYzOTE3NTI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDE1NDYzOTE3NTI1NzczMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Mjg0NjM5MTc1MjU3NzMxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDM1NDYzOTE3NTI1NzczMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ0NzQ2MzkxNzUyNTc3MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40NDc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDYwNDIyNjgwNDEyMzcxMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Njc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDc5NDIyNjgwNDEyMzcxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ3OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5MjM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMTM4MTQ0MzI5ODk2OTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MTEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MjQzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MzEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTU2Mjk4OTY5MDcyMTY0OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU2MzI5ODk2OTA3MjE2NDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NzUyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTc1MjU3NzMxOTU4NzYyOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4ODI1NzczMTk1ODc2MjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41OTUyNTc3MzE5NTg3NjI5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjA3MjU3NzMxOTU4NzYyOSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYwNzIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MjAyMTY0OTQ4NDUzNjA4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjI3MjE2NDk0ODQ1MzYwOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYzOTIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MzkxNzUyNTc3MzE5NTg3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjUyMTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NzExNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjcxMTM0MDIwNjE4NTU2NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY4NDEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42OTExMzQwMjA2MTg1NTY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzAzMTM0MDIwNjE4NTU2NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjcwMzA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MTYwOTI3ODM1MDUxNTQ1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzIzMDkyNzgzNTA1MTU0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjczNTA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MzUwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzQ4MDUxNTQ2MzkxNzUyNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43NjcwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzY3MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc4MDAxMDMwOTI3ODM1MDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43ODcwMTAzMDkyNzgzNTA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzk5MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc5ODk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MTE5NjkwNzIxNjQ5NDg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODE4OTY5MDcyMTY0OTQ4NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjgzMDk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MzA5Mjc4MzUwNTE1NDYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODQzOTI3ODM1MDUxNTQ2MiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg1MDkyNzgzNTA1MTU0NjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44NjI5Mjc4MzUwNTE1NDY0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODYyODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg3NTg4NjU5NzkzODE0NDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44ODI4ODY1OTc5MzgxNDQzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk0ODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg5NDg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MDc4NDUzNjA4MjQ3NDIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTE0ODQ1MzYwODI0NzQyMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjkyNjg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MjY4MDQxMjM3MTEzNDAxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTM5ODA0MTIzNzExMzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45NDY4MDQxMjM3MTEzNDAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTU4ODA0MTIzNzExMzQwMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk1ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3MTc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDcyMTY0OTQ4NDUzNiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3 */
    background-image:-webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    /* IE10+ */
    background-image:-o-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    background-image:-ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
    /* IE8- CSS hack */
}
@media \0screen\,screen\9 {
    .book-images .book__page--side-paper {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe2e2e2",GradientType=1);
    }
}
.rtl .book-images .book__page--side-paper {
    left:0;
}
.book-images .book__page--front {
    background-color:#333333;
    -webkit-transform:rotateY(-2deg);
    transform:rotateY(-2deg);
}
.rtl .book-images .book__page--front {
    -webkit-transform:rotateY(2deg);
    transform:rotateY(2deg);
    -webkit-transform-origin:100%;
    -ms-transform-origin:100%;
    -o-transform-origin:100%;
    transform-origin:100%;
}
.book-images .book__page--front:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    background:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--front:after {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.book-images .book__page--back {
    width:100%;
    height:100%;
    background:url("../img/pattern.png") !important;
    -webkit-box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow:15px 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform:translateZ(-50px) rotateY(180deg);
    transform:translateZ(-50px) rotateY(180deg);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center;
}
.book-images .book__page--back:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:-o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    background:linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent);
    content:" ";
}
.rtl .book-images .book__page--back:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.book-images .book__page--first-page, .book-images .book__page--second-page {
    width:100%;
    height:100%;
    background-color:white;
}
.book-images .book__page--first-page {
    background-image:-o-linear-gradient(15deg, #aaaaaa, #cccccc);
    background-image:linear-gradient(75deg, #aaaaaa, #cccccc);
    -webkit-transform:rotateY(-1deg);
    transform:rotateY(-1deg);
}
.rtl .book-images .book__page--first-page {
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
}
.book-images .book__page--second-page {
    background-color:#fafafa;
    background-image:-o-linear-gradient(45deg, #f3f3f3, #fafafa);
    background-image:linear-gradient(45deg, #f3f3f3, #fafafa);
}
.no-preserve3d .book-images .book__page--back, .no-preserve3d .book-images .book__page--first-page, .no-preserve3d .book-images .book__page--side, .no-preserve3d .book-images .book__page--side-paper, .no-preserve3d .book-images .book__page--second-page {
    display:none;
}
.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}

.book-images .book__action {
    width:80%;
    margin:0 auto;
    padding-top:50px;
    text-align:center;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.book-images .book__action button, .book-images .book__action .see-inside {
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    border:none;
    font-size:inherit;
    font-size:15px;
    line-height:1;
    cursor:pointer;
}
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
    display:inline-block;
    width:13px;
    height:13px;
    margin-right:10px;
    color:inherit;
    font-size:13px;
    line-height:1;
    vertical-align:middle;
}
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
    line-height:1;
}
.no-preserve3d .book-images .book__action .see-back {
    display:none;
}
.button--secondary, .product-grid .product__action .button.yith-wcqv-button, .product-grid .product__action button.yith-wcqv-button, .product-grid .product__action input.yith-wcqv-button[type="submit"], .product-grid .product__action input.yith-wcqv-button[type="reset"], .product-list .product__action .yith-wcqv-button {
    color:white;
    background-color:#b2dc71;
}
.button--secondary:hover, .product-grid .product__action .button.yith-wcqv-button:hover, .product-grid .product__action button.yith-wcqv-button:hover, .product-grid .product__action input.yith-wcqv-button:hover[type="submit"], .product-grid .product__action input.yith-wcqv-button:hover[type="reset"], .product-list .product__action .yith-wcqv-button:hover {
    color:white;
    background-color:#d0e1b7;
}


</style>




at No comments:
Subscribe to: Posts (Atom)

How to add re-captcha v3 on all Elementor forms using coding?

 Add re-captcha v3 on all Elementor forms using coding add_action('wp_footer',function(){     ?> <script src="https://www...