/*Стили для всплдывающего уведомления*/

.spg-notice-popup {display:none; position:fixed; width:300px; opacity:0; /*height:200px;*/ background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1); top:10%; left:50%; margin-left:-150px; padding:30px; font-family:'Arial', 'Helevetica', sans-serif; z-index:99999;}
.spg-notice-popup.spg-notice-active {display:block; }
.spg-notice-popup.spg-notice-visible {opacity:1;}
.spg-notice-popup .spg-notice-popup-title {text-align:center; font-size:18px; line-height:21px; font-weight:bold; margin-bottom:30px;}
.spg-notice-popup .spg-notice-popup-text {text-align:center; font-size:16px; }
.spg-notice-popup .spg-notice-popup-button {text-align:center; margin-top:30px;}
.spg-notice-popup .spg-notice-popup-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;}
.spg-notice-popup .spg-notice-popup-button a:hover {background:#42d2ff;}
.spg-notice-popup-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.8); opacity:1;}
.spg-notice-popup-container {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:none; opacity:0;}
.spg-notice-popup-container.spg-notice-active {display:block;}
.spg-notice-popup-container.spg-notice-visible {opacity:1;}

.spg-notice-popup, .spg-notice-popup-container {
	-webkit-transition:all 0.2s ease-in-out;
           transition:all 0.2s ease-in-out;
}

.spg-notice-popup .spg-notice-popup-button a {
	-webkit-transition:all 0.2s ease-in-out;
           transition:all 0.2s ease-in-out;
}

/*Стили для скользящего уведомления*/

.spg-notice-glide {position:fixed; display:inline-block; padding:10px; bottom:30px; width:300px;  background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1);}
.spg-notice-glide.spg-notice-active {right:50px!important;}
.spg-notice-glide .spg-notice-glide-title {text-align:center; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:10px;}
.spg-notice-glide .spg-notice-glide-text {text-align:center; font-size:16px; }
.spg-notice-glide .spg-notice-glide-button {width:20px; height:20px; position: absolute; top:5px; right:5px; cursor:pointer;}
.spg-notice-glide .spg-notice-glide-button:before {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(45deg); background:#fd3939;}
.spg-notice-glide .spg-notice-glide-button:after {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(-45deg); background:#fd3939;}
.spg-notice-glide .spg-notice-glide-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;}
.spg-notice-glide .spg-notice-glide-button a:hover {background:#42d2ff;}

.spg-notice-glide {
	-webkit-transition:all 0.2s ease-in-out;
           transition:all 0.2s ease-in-out;
}

/*Стили для скользящего уведомления*/

/*.spg-notice-inject {position:fixed; display:inline-block; padding:10px; bottom:30px; right:-20%; width:300px;  background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1);}
.spg-notice-inject.spg-notice-active {right:50px;}*/

.spg-notice-inject-title {text-align:center; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:10px;}
.spg-notice-inject-text {text-align:center; font-size:16px; }
.spg-notice-inject-button {text-align:center; margin-top:30px;}
.spg-notice-inject-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;}
.spg-notice-inject-button a:hover {background:#42d2ff;}

.spg-notice-inject {
	-webkit-transition:all 0.2s ease-in-out;
           transition:all 0.2s ease-in-out;
}