/* defaults */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cfx:after {
	display: table;
	clear: both;
	content: "";
}

.default-btn {
	display: inline-block;
	height: 32px;
	background-color: #fb52c4;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
	font: 500 12px/32px "Roboto", sans-serif;
	color: #fff;
	padding: 0 10px;
	min-width: 147px;
	text-decoration: none;
	box-shadow: inset 1px 2px 3px rgba(255,255,255,.4);
	transition: .1s ease-in;
	text-shadow: 0.8px 0.6px 1px rgba(32, 32, 33, 0.48);
	-webkit-appearance: none;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.default-btn:before {
	margin-left: 60px;
    content: " ";
    width: 14px;
    height: 300px;
    background: #fff;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    animation-timing-function: ease-in-out;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -khtml-transition: all 0.1s;
    -ms-transition: all 0.1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.default-btn:hover {
	background-color: #e23fad;
	color: #fff!important;
	text-decoration: none;
}

.default-btn--green {
	background-color: #b3ec00;
	text-shadow: 0.8px 0.6px 1px rgba(255, 255, 255, 0.95);
	color: #202021;
}

.default-btn--green:hover {
	background-color: #95c41f;
}

.default-btn--usercolor {
	transition: opacity .1s ease-in;
	height: 37px;
	line-height: 37px;
	min-width: 175px;
	font-size: 14px;
}

.default-btn--usercolor:hover {
	opacity: .86;
}

.default-btn--info {
	float: right;
	margin-top: 28px;
	height: 45px;
	line-height: 45px;
	min-width: 209px;
	font-size: 17px;
}
/* top line */

.top-pres-line {
	background-color: #202021;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.top-pres-line__close {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 19px;
	width: 19px;
	height: 19px;
	background: url(../img/inf-close.png);
	border: none;
	cursor: pointer;
	transition: opacity .1s ease-in;
	z-index: 2;
}

.top-pres-line__close:hover {
	opacity: .86;
}

.container-center {
	max-width: 1210px;
	margin: 0 auto;
	padding: 12px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.top-pres-line__present {
	display: inline-block;
	width: 29px;
	height: 32px;
	background-image: url(../img/white-sm-present.png);
	margin-right: 10px;
	margin-bottom: 5px;
}

.top-pres-line__capt {
	font: 400 18px/1.2 "Roboto", sans-serif;
	text-transform: uppercase;
	color: #fb52c4;
	margin: 0;
}

.top-pres-line__right {
	flex: 2;
}

.top-pres-line__rule {
	display: block;
	font: 300 14px/1.2 "Roboto", sans-serif;
	color: #fff;
	margin: 0;
}

@media (min-width: 1150px) {
	.container-center {
		padding: 11px 40px 11px 29px;
		text-align: left;
	}
	.top-pres-line__present {
		margin-right: 35px;
	}
	.top-pres-line__rule {
		margin-right: 42px !important;
	}
	.top-pres-line__right {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: flex-end;
	}
	.top-pres-line__present {
		margin-bottom: 0;
	}
	.top-pres-line__rule {
		display: inline-block;
		margin-right: 10px;
	}
	.container-center {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}
	.top-pres-line__right {
		text-align: right;
	}
}

@media (max-width: 1099px) {
	.top-pres-line__close {
		top: 25px;
	}
}

@media (max-width: 800px) {
	.top-pres-line__capt {
		font-size: 15px;
		margin-top: 5px
	}
}

/* info block */
.info-block {
	height: 102px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #202021;
	-webkit-background-size: auto 100% !important;
	background-size: auto 100% !important;
	overflow: hidden;
}

.info-block:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 98px;
	background: url(../img/triangle-black.svg) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.info-block-container {
	max-width: 1210px;
	padding-left: 25px;
	padding-right: 25px;
	margin: 0 auto;
	height: 102px;
}

.info-block__right {
	height: 102px;
	float: right;
	background-color: #202021;
	min-width: 720px;
	position: relative;
	padding-left: 48px;
}

.info-block__right:after {
	content: "";
	position: absolute;
	top: 0;
	left: -90px;
	bottom: 0;
	width: 90px;
	background: url(../img/triangle-reverse.svg) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;	
}

.info-block__right:before {
	content: "";
	position: absolute;
	width: 85px;
	height: 35px;
	background-image: url(../img/pink-decor.png);
	left: -80px;
	bottom: 0;
	z-index: 2;
}

.info-block__close {
	position: absolute;
	top: 15px;
	right: 19px;
	width: 19px;
	height: 19px;
	background: url(../img/inf-close.png);
	border: none;
	cursor: pointer;
	transition: opacity .1s ease-in;
	z-index: 2;
}

.info-block__close:hover {
	opacity: .8;
}

.info-block__right-left {
	float: left;
	width: calc(100% - 230px);
}

.info-block__heading {
	font: 500 23px/1.05 "Roboto", sans-serif;
	color: #fff;
	margin-top: 18px;
	margin-bottom: 8px;
}

.info-block__heading .pink {
	color: #fb52c4;
}

.info-block__text {
	color: #fff;
	font: 300 14px/1.2 "Roboto", sans-serif;
	display: block;
	margin-top: 0;
	opacity: .8;
}

@media (max-width: 1230px) {
	.default-btn--info {
		float: none;
		margin-top: 5px;
		margin-bottom: 25px;
	}
	.info-block__right-left {
		float: none;
		width: 100%;
	}
	.info-block__right, .info-block-container, .info-block {
		height: auto;
		width: 100%;
		float: none;
	}

	.info-block {
		background: #202021 !important;
	}

	.info-block:after {
		display: none;
	}
	.info-block__right {
		padding-left: 0;
	}
	.info-block__right:before {
		display: none;
	}
}

@media (max-width: 800px) {
	.info-block__right-left {
		padding-top: 30px;
	}
	.info-block__heading {
		font-size: 16px;
	}
	.default-btn--info {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}

/* modals */

.remodal-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.remodal-overlay {
	background: rgba(32,32,33,.7);
}

@media only screen and (min-width: 641px) {
	.remodal-rounded {
		max-width: 620px;
	}
}

.remodal-rounded {
	padding: 0;
	text-align: left;
	min-height: 100px;
	background-color: #33303d;
	box-shadow: 0px 0px 35px 0px rgba(32, 32, 33, 0.44);
}

.modal-rounded-inner {
	overflow: hidden;
}

.circle-modal-close {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 6px solid #626263;
	background: #fff url(../img/modal-close.png) center no-repeat;
	cursor: pointer;
	transition: background-color .2s ease-in;
	position: absolute;
	top: -24px;
	right: -15px;
	outline: none;
	z-index: 4;
}

.circle-modal-close--lg {
	width: 60px;
	height: 60px;
	top: 0px;
	right: -30px;
}

.circle-modal-close:hover {
	background-color: #fff;
}

.round-modal-pic {
	width: 282px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.round-modal-inner {
	width: calc(100% - 282px);
	float: right;
	padding: 66px 20px 36px 0;
	padding-left: 20px;
	position: relative;
}

.round-modal-inner:before {
	content: "";
	position: absolute;
	width: 1200px;
	height: 1200px;
	border-radius: 50%;
	background-color: #33303d;
	left: -55px;
	top: -464px;
}

.round-modal-inner:after {
	content: "";
	position: absolute;
	width: 1200px;
	height: 1200px;
	border-radius: 50%;
	background-color: #33303d;
	left: -140px;
	top: -364px;
	opacity: .38;
}

.round-modal-relative {
	position: relative;
	z-index: 3;
}

.round-modal-rel2 {
	position: relative;
	z-index: 2;
}

.round-modal-relative:before {
	content: "";
	position: absolute;
	left: -50px;
	top: -70px;
	width: 230px;
	height: 417px;
	background: url(../img/black-halfcircle.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.round-modal-heading {
	font: 500 28px/40px "Roboto", sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 16px;
	max-width: 250px;
	text-align: center;
}

.round-modal-decor {
	height: 26px;
	width: 247px;
	background: url(../img/line-decor.png);
}

.round-modal-descr {
	display: block;
	margin-top: 23px;
	max-width: 240px;
	margin-bottom: 42px;
	font: 300 14px/1.1 "Roboto", sans-serif;
	color: #fff;
	opacity: .8;
	text-align: center;
}

.round-modal-btn-center {
	max-width: 240px;
	text-align: center;
}

@media (max-width: 630px) {
	.round-modal-inner:after, .round-modal-inner:before {
		display: none;
	}
	.round-modal-inner {
		width: 100%;
	}
	.round-modal-pic {
		display: none;
	}
	.round-modal-heading, .round-modal-descr, .round-modal-btn-center {
		max-width: 100%;
	}
	.round-modal-heading {
		font-size: 20px;
	}
	.round-modal-decor {
		margin: 0 auto;
	}
	.circle-modal-close {
		right: 50%;
		margin-right: -25px;
	}
	.round-modal-relative:before {
		/*display: none;*/
	}
}

/* circle modal */
.remodal-circle {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: #1d1d21;
	text-align: center;
	box-shadow: 0px 0px 35px 0px rgba(32, 32, 33, 0.44);
}

.remodal-circle:after {
	content: "";
	position: absolute;
	width: 434px;
	height: 429px;
	left: -20px;
	top: -16px;
	background: url(../img/circles-modal.png) center no-repeat;
}

.circle-modal-inner {
	padding: 5px 28px 42px 28px;
}

.gift-big {
	display: inline-block;
	width: 34px;
	height: 38px;
	background-image: url(../img/gift-big.png);
	margin-bottom: 35px;
}

.circle-modal-block {
	padding: 10px 2px 8px 2px;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.circle-modal-heading {
	font: 700 28px/36px "PT Sans", sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.circle-modal-block .pink {
	color: #fb52c4;
}

.circle-modal-descr {
	display: block;
	margin: 15px auto 32px auto;
	font: 15px/1.1 "PT Sans", sans-serif;
	color: #fff;
	opacity: .8;
	max-width: 325px;
}

@media (max-width: 599px) {
	.remodal-circle {
		width: auto;
		max-width: 600px;
		height: auto;
		border-radius: 0;
		border: 1px solid #fff;
	}
	.remodal-circle:after {
		display: none;
	}
	.circle-modal-heading {
		font-size: 20px;
		line-height: 28px;
	}
	.circle-modal-close--lg {
		width: 50px;
		height: 50px;
		top: -25px;
	}
}

.show-must-go-on {
	font: 15px/1.2 "Roboto", sans-serif;
	color: #121212;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 5px;
}