/*!
 * fullView 1.0
 * https://github.com/seeratawan01/fullview.js
 *
 * @license GPLv3 for open source use only
 *
 * Copyright (C) 2020 https://github.com/seeratawan01/fullview.js/blob/master/LICENSE
 */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    overflow: hidden;
    height: 100%;
}

#fullview>* {
    display: block;
    height: 100vh !important;
    width: 100vw !important;
    /* transform: translateZ(0) rotateZ(360deg); */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    overflow: hidden;
}

#fv-dots {
    position: fixed;
    top: 50%;
    left: 96%;
    transform: translate(-50%, -50%);
	z-index: 13;
}

#fv-dots ul {
    display: block;
    list-style: none;
}

#fv-dots ul li:nth-child(1){display: none;}

#fv-dots ul li {
	padding: 10px;
	position: relative;
    display: block;
    margin: auto;
    text-align: center;
}

#fv-dots ul li span {
    display: block;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    width: 15px;
    height: 15px;
    transition: 0.1s ease all;
}

#fv-dots ul li.active span {
    width: 85px;
    height: 85px;
	transition: background-color 0.6s ease;
}
#fv-dots ul li.active span:hover ~ .send-ecard{
	transform: scale(1.1);
}
#fv-dots ul li:nth-child(2).active span, .dot:nth-child(1).active{background:url("../images/active-ecard1.png") 0 0 no-repeat;background-size: cover; }
#fv-dots ul li:nth-child(3).active span, .dot:nth-child(2).active{background:url("../images/active-ecard3.png") 0 0 no-repeat;background-size: cover; }
#fv-dots ul li:nth-child(4).active span, .dot:nth-child(3).active{background:url("../images/active-ecard2.png") 0 0 no-repeat;background-size: cover; }
#fv-dots ul li:nth-child(5).active span, .dot:nth-child(4).active{background:url("../images/active-ecard4.png") 0 0 no-repeat;background-size: cover; }
#fv-dots ul li:nth-child(6).active span, .dot:nth-child(5).active{background:url("../images/active-ecard5.png") 0 0 no-repeat;background-size: cover; }