#back2top.active {
  bottom:120px;
}

.footer-socials-container{
  z-index:2;
}

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

//for pricing

.wrapper-atp {
    width: 100%;
    height: 100%;
}


.pricing-content-atp {
    display: flex;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.PageWidth-atp {
    //max-width: 1150px;
    width: 100%;
    //margin: 10px auto;
}

.PageWidth-atp2 {
    //max-width: 1150px;
    width: 100%;
    margin: 10px auto;
}

.plan-price-content-atp {
    margin: 10px 0px;
    color: #316bd6;
}

.pricing-item-atp {
    display: flex;
    flex-direction: column;
    padding: 15px;
    transition: all .3s;
}

.pricing-yearly-atp {
    display: flex;
    margin-bottom: 10px;
}

.pricing-content-items-tabs-atp{
    display: flex;
    flex-direction: column;
        padding: 50px 0px;
}

.pricing-item-atp:hover {
    /* transform: scale(1.01); */
}

.pricing-item-box-atp {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 35px 25px;
    transition: all .6s;
    border: 2px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}

//.pricing-item-atp:hover .pricing-item-box-atp {
//    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
//    border-color: transparent;
//    transform: translateY(-10px);
//}

.plan-name-atp {
    font-size: 22px;
    font-weight: 700;
}

.plan-text-atp {
    margin: 10px 0px;
}

.text-bold-atp {
    font-weight: 700;
}

.plan-price-atp {
    font-size: 26px;
    font-weight: 600;
    /* color: #316bd6; */
}

.month-text-atp {
    font-size: 13px;
    font-weight: 500;
    opacity: .6;
}

.plan-feature-item-atp {
    color: #191919;
    margin: 10px 0;
    /* font-size: 12px; */
    display: flex;
    align-items: center;
}

.plan-feature-item-atp:before {content: "";width: 14px;height: 14px;/* border: 1px solid #a9a9a9; */background: #eee;margin-right: 7px;/* border-radius: 50px; */margin-bottom: 2px;}
.plan-feature-item2-atp:before {margin-right: 7px;/* border-radius: 50px; */margin-bottom: 2px;}
.ribbon-atp:before, .ribbon-atp:after {
    content: "";
    display: block;
    position: absolute;
    height: 0px;
    bottom: -8px;
    border: 13px solid #fab528;
}

.plan-features-atp {
    flex: 1;
}

.plan-feature-item2-atp {
    color: #555555;
    margin: 10px 10px;
    display: flex;
    align-items: center;
}

.plan-button-atp a {
    flex: 1;
    display: flex;
    justify-content: center;
    border: 1px solid #fab528;
    padding: 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #191919;
    transition: all .3s;

}

.plan-button-atp {
    display: flex;
    margin-top: 20px;
  	font-weight: bold;
}

.pricing-item-atp:hover {
    /* transform: scale(1.01); */
}

 .plan-button-blue-atp {
    background: #fab528;
    color: #191919 !important;
}
.plan-button-atp a:hover {
    background: #fab528;
    color: #191919;
}

.ribbon-atp {
    position: absolute;
    right: 36px;
    top: 17px;
}
 .ribbon-atp:before {
    border-bottom-color: transparent;
    bottom: -26px;
}

.text-bold-atp {
    font-weight: 600;
}

//end of pricing

//Snowfall

body {
	//background-color: #a1b8ce;
	height: 100vh;
	display: flex;
	overflow: hidden;
}
.sleigh {
	font-size: 3rem;
	color: transparent; /*set color to transparent to re-color emojis*/
	text-shadow: 0 0 0 #fab528; /*recolor emojis*/
}
.santa {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 3s, 5s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}
.santa1 {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 3.2s, 5.1s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}
.santa2 {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 3.4s, 5.2s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}
.santa3 {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 3.6s, 5.3s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}
.santa4 {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 3.8s, 5.4s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}
.santa5 {
	animation-name: up, across;
	animation-duration: 10s, 6.5s;
	animation-timing-function: ease-in-out, linear;
	animation-iteration-count: 1, 1;
	animation-delay: 4s, 5.6s;
	position: absolute;
	right: -80px;
	top: 100px;
	z-index: 2;
	filter: blur(1px);
}

.fa-star {
	color: #0b364f;
}

.fa-sleigh {
	color: #fab528;
	transform: scale(-1, 1);
}

@keyframes up {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(100px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes across {
	from {
		right: 0%;
	}

	to {
		right: 100%;
	}
}

.fa-snowflake {
	color: #c7def6;
}

.snow {
	width: 100%;
	height: 100%;
	position: absolute;
}

.snowflake {
	animation-name: fall, shake;
	animation-duration: 10s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 200px;
	z-index: 7;
	filter: blur(0.5px);
}

.snowflake1 {
	animation-name: fall, shake;
	animation-duration: 10s, 3s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 500px;
	top: -100px;
	animation-delay: 1s, 1s;
	z-index: 7;
	filter: blur(0.5px);
}

.snowflake2 {
	animation-name: fall, shake;
	animation-duration: 8s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 20px;
	top: -100px;
	animation-delay: 2s, 2s;
	z-index: 7;
	filter: blur(0.5px);
}

.snowflake3 {
	animation-name: fall, shake;
	animation-duration: 9s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	right: 170px;
	top: -100px;
	animation-delay: 3s, 5s;
	z-index: 5;
	filter: blur(0.7px);
}

.snowflake4 {
	animation-name: fall, shake;
	animation-duration: 15s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	right: 430px;
	top: -100px;
	animation-delay: 4s, 4s;
	z-index: 5;
}

.snowflake5 {
	animation-name: fall, shake;
	animation-duration: 15s, 4s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 500px;
	top: -100px;
	animation-delay: 6s, 2s;
	font-size: 2rem;
	z-index: 6;
	filter: blur(0.5px);
}

.snowflake6 {
	animation-name: fall, shake;
	animation-duration: 12s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 75px;
	top: -100px;
	animation-delay: 3.2s, 2s;
	font-size: 2rem;
	z-index: 6;
}

.snowflake7 {
	animation-name: fall, shake;
	animation-duration: 11s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 650px;
	top: -100px;
	animation-delay: 7.2s, 1s;
	z-index: 7;
}

.snowflake8 {
	animation-name: fall, shake;
	animation-duration: 12s, 4s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 820px;
	top: -100px;
	animation-delay: 4s, 2s;
	font-size: 2rem;
	z-index: 5;
	filter: blur(0.5px);
}

.snowflake9 {
	animation-name: fall, shake;
	animation-duration: 12s, 4s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 170px;
	top: -100px;
	animation-delay: 5s, 2s;
	font-size: 2rem;
	z-index: 5;
	filter: blur(0.3px);
}

.snowflake10 {
	animation-name: fall, shake;
	animation-duration: 15s, 9s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 350px;
	top: -100px;
	animation-delay: 2.7s, 2s;
	font-size: 3rem;
	z-index: 7;
}

.snowflake11 {
	animation-name: fall, shake;
	animation-duration: 12s, 7s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	right: 400px;
	top: -100px;
	animation-delay: 0.5s, 2s;
	font-size: 3rem;
	z-index: 7;
}

.snowflake12 {
	/*small*/
	animation-name: fall, shake;
	animation-duration: 12s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	left: 470px;
	top: -100px;
	animation-delay: 5s, 2s;
	z-index: 7;
	filter: blur(0.9px);
}

.snowflake13 {
	/*small*/
	animation-name: fall, shake;
	animation-duration: 10s, 5s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	right: 220px;
	top: -100px;
	animation-delay: 1s, 2s;
	z-index: 7;
	filter: blur(0.6px);
}

.snowflake14 {
	/*small*/
	animation-name: fall, shake;
	animation-duration: 9s, 4s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	position: absolute;
	right: 140px;
	top: -100px;
	animation-delay: 2s, 2s;
	z-index: 7;
	filter: blur(0.5px);
}

@keyframes fall {
	0% {
		top: -10%;
	}

	100% {
		top: 100%;
	}
}

@keyframes shake {
	0% {
		transform: translatex(0);
	}
	50% {
		transform: translatex(50px);
	}
	100% {
		transform: translatex(0);
	}
}
//end of snowfall