﻿.from-below, .from-below-to-below .effeckt-modal {
	-webkit-transform: translateX(100%);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
	-webkit-transition: all 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

.effeckt-show, .effeckt-show.from-below-to-below .effeckt-modal {
	-webkit-transform: translateX(0);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.effeckt-show .effeckt-modal {
	visibility: visible;
}

.effeckt-body {
	position:fixed;
	top:0;
	height: 100%;
	overflow: hidden;
}

.alert-box p {
	margin: 0
}
.alert-sec-circle {
	stroke-dashoffset: 0;
	stroke-dasharray: 428;
	transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
	position: absolute;
	top: 11px;
	left: 190px;
	width: 76px;
	color: #000;
	font-size: 58px
}
.alert-sec-unit {
	font-size: 34px
}
.alert-body {
	margin: 10px 0 10px
}
.alert-head {
	text-align: center;
	color: black;
	font-size: 28px
}
.alert-concent {
	margin: 5px 0 5px;
	color: black;
	font-size: 18px
}
.alert-concent p {
	line-height: 27px
}
.alert-btn {
	display: block;
	text-align: center;
	border-radius: 10px;
	background-color: #4AB0F7;
	height: 55px;
	line-height: 55px;
	width: 286px;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	letter-spacing: 2px
}
.alert-btn-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events:none;
}
.alert-btn:hover {
	background-color: #6BC2FF
}
.alert-footer {
	margin: 0 auto;
	height: 42px;
	width: 120px
}
.alert-footer-icon {
	float: left
}
.alert-footer-text {
	border-left: 2px solid #EEE;
	padding: 3px 0 0 5px;
	height: 40px;
	color: #0B85CC;
	font-size: 12px;
	text-align: left
}
.alert-footer-text p {
	color: black;
	font-size: 22px;
	line-height: 18px
}
@media screen and (max-width: 700px) {
    .alert-box{
        width: 180px;
    }
    .alert-circle{
        top: -80px;
        left: 60px;
    }
    .alert-sec-text {
        left: 145px;
        width: auto;
        font-size: 38px;
    }
    .alert-head {
        font-size: 18px;
    }
    .alert-box p {
        font-size: 16px;
    }    
    .alert-btn {
        width: auto;
    }
}