@media screen {
	@font-face {
		font-family : 'Conv_BwModelicaSS01-Bold';
		src         : url('/theme/fonts/BwModelicaSS01-Bold.eot');
		src         : local('☺'), url('/theme/fonts/BwModelicaSS01-Bold.woff') format('woff'), url('/theme/fonts/BwModelicaSS01-Bold.ttf') format('truetype'), url('/theme/fonts/BwModelicaSS01-Bold.svg') format('svg');
		font-weight : normal;
		font-style  : normal;
	}

	@font-face {
		font-family : 'Conv_BwModelicaSS01-ExtraBold';
		src         : url('/theme/fonts/BwModelicaSS01-ExtraBold.eot');
		src         : local('☺'), url('/theme/fonts/BwModelicaSS01-ExtraBold.woff') format('woff'), url('/theme/fonts/BwModelicaSS01-ExtraBold.ttf') format('truetype'), url('/theme/fonts/BwModelicaSS01-ExtraBold.svg') format('svg');
		font-weight : normal;
		font-style  : normal;
	}

	@font-face {
		font-family : 'Conv_BwModelicaSS01-Light';
		src         : url('/theme/fonts/BwModelicaSS01-Light.eot');
		src         : local('☺'), url('/theme/fonts/BwModelicaSS01-Light.woff') format('woff'), url('/theme/fonts/BwModelicaSS01-Light.ttf') format('truetype'), url('/theme/fonts/BwModelicaSS01-Light.svg') format('svg');
		font-weight : normal;
		font-style  : normal;
	}

	@font-face {
		font-family : 'Conv_BwModelicaSS01-Regular';
		src         : url('/theme/fonts/BwModelicaSS01-Regular.eot');
		src         : local('☺'), url('/theme/fonts/BwModelicaSS01-Regular.woff') format('woff'), url('/theme/fonts/BwModelicaSS01-Regular.ttf') format('truetype'), url('/theme/fonts/BwModelicaSS01-Regular.svg') format('svg');
		font-weight : normal;
		font-style  : normal;
	}

	html {
		margin  : 0;
		padding : 0;
	}

	body, body.en {
		margin      : 0;
		padding     : 0;
		/*font-family: 'Arimo', sans-serif;*/
		font-family : 'Conv_BwModelicaSS01-Regular', sans-serif;
		text-align  : left;
		background  : #fff;
	}

	input, textarea, button, select {
		-webkit-appearance    : none; /*Safari/Chrome*/
		-moz-appearance       : none !important; /*Firefox*/
		-ms-appearance        : none; /*IE*/
		-o-appearance         : none; /*Opera*/
		appearance            : none;
		-webkit-border-radius : 0;
		border-radius         : 0;
	}

	div.row {
		max-width : 1280px;
	}

	.text-right {
		text-align : right;
	}

	.visual {
		position : relative;
	}

	.visual:before {
		content    : '';
		position   : absolute;
		width      : 100%;
		height     : 100%;
		top        : 0;
		left       : 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2e5+1,00d2e5+1,00638a+100 */
		background : #00d2e5; /* Old browsers */
		background : -moz-linear-gradient(top, #00d2e5 1%, #00d2e5 1%, #00638a 100%); /* FF3.6-15 */
		background : -webkit-linear-gradient(top, #00d2e5 1%, #00d2e5 1%, #00638a 100%); /* Chrome10-25,Safari5.1-6 */
		background : linear-gradient(to bottom, #00d2e5 1%, #00d2e5 1%, #00638a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d2e5', endColorstr='#00638a', GradientType=0); /* IE6-9 */
		z-index    : 0;
	}

	.visual:after {
		content             : '';
		position            : absolute;
		width               : 100%;
		height              : 100%;
		top                 : 0;
		left                : 0;
		background-image    : url(/images/index/girl.png), url(/images/index/boy.png);
		background-position : calc(50% + 10px) bottom, calc(50% + 350px) bottom;
		background-repeat   : no-repeat, no-repeat;
		background-size     : auto 100%, auto 80%;
	}

	svg path {
		fill : #fff;
	}

	/*header section*/
	.Header {
		display  : inline-block;
		overflow : hidden;
	}

	.top-section {
		padding  : 20px 0 20px;
		position : relative;
		z-index  : 99999;
	}

	.logo {
		width      : 275px;
		margin-top : 12px;
	}

	.login-container {
		position   : absolute;
		right      : 15px;
		top        : 10px;
		text-align : right;
	}

	#login-submit {
		width      : 0;
		height     : 0;
		visibility : hidden;
		position   : absolute;
	}

	.offcanvasMenu {
		position : absolute;
		right    : calc((100% - 1265px) / 2);
		top      : 10px;
		z-index  : 9999;
	}

	div.SwitchLocale {
		margin-right : 15px;
	}

	@media all and (max-width : 1280px) {
		.offcanvasMenu {
			right : 15px;
		}
	}

	div.LoginIndex dl dd a, div.LoginIndex dl dt {
		color     : #fff;
		font-size : 12px;
	}

	div.LoginIndex dl input {
		height        : 46px;
		border        : 2px solid #ff4500;
		color         : #00638a;
		padding       : 0 0 0 10px;
		font-size     : 15px;
		border-radius : 24px;
	}

	.LoginIndex dl.first {
		line-height : 1;
		padding-top : 5px;
	}

	div.LoginIndex dl dt, div.LoginIndex dl dd {
		width          : 180px;
		display        : inline-block;
		float          : none;
		vertical-align : top;
		text-align     : left;
		margin         : 0 0px;
		line-height    : 14px;
	}

	#login-macro {
		opacity            : 0;
		-webkit-transition : opacity 0.3s ease-in-out;
		-moz-transition    : opacity 0.3s ease-in-out;
		-ms-transition     : opacity 0.3s ease-in-out;
		-o-transition      : opacity 0.3s ease-in-out;
		transition         : opacity 0.3s ease-in-out;
	}

	#login-macro .LoginIndex {
		display : none;
	}

	#login-macro.activeLogin {
		zoom           : 1;
		filter         : alpha(opacity=50);
		opacity        : 1;
		display        : inline-block;
		vertical-align : 8px;
		margin-top     : -32px;
		display        : /* margin-right: 5px; */
	}

	#login-macro .LoginIndex {
		position       : absolute;
		left           : 0;
		bottom         : 0;
		pointer-events : none;
	}

	#login-macro.activeLogin .LoginIndex {
		display        : block;
		position       : static;
		pointer-events : auto;
		margin-right   : 5px;
	}

	div.SwitchLocale {
		position       : static;
		display        : inline-block;
		vertical-align : top;
	}

	div.SwitchLocale > p {
		display : none;
	}

	div.SwitchLocale div span.label-native {
		display : none;
	}

	div.SwitchLocale div span.label-lc span {
		display : none;
	}

	div.SwitchLocale div {
		float  : none;
		margin : 0;
	}

	div.SwitchLocale div#switchLocalesTrigger {
		display : none;
	}

	div.SwitchLocale div.highlighted {
		width         : 175px !important;
		top           : 50px;
		text-align    : left;
		border-radius : 10px;
		overflow      : hidden;
	}

	.highlighted div.topline {
		display : none;
	}

	div.SwitchLocale div.highlighted ul {
		border-right : none;
		padding      : 0 10px;
	}

	div.LoginIndex {
		position : static;
		width    : auto;
		height   : auto;
		display  : inline-block;
	}

	.login, div.SwitchLocale div span.label-lc {
		font-family    : 'Conv_BwModelicaSS01-ExtraBold', sans-serif;
		color          : #fff;
		border         : 2px solid #ff4500;
		font-size      : 15px;
		padding        : 10px 20px;
		border-radius  : 26px;
		display        : inline-block;
		position       : relative;
		z-index        : 2;
		vertical-align : -2px;
	}

	div.SwitchLocale div span.label-lc {
		display     : block;
		height      : auto;
		padding     : 10px;
		line-height : 23px;
		width       : 47px;
		text-align  : center;
	}

	.login:hover, div.SwitchLocale div span.label-lc:hover {
		background-color : #ff5726;
		border-color     : #ff5726;
		text-decoration  : none;
		cursor           : pointer;
	}

	.login:active {
		background-color : #d23900;
		border-color     : #d23900;
	}

	/*registration section*/
	.registration-section {
		position : relative;
		z-index  : 2;
	}

	#genderId {
		visibility : hidden;
		width      : 0;
		height     : 0;
	}

	div.Registration dl.gender-dl.horizontal dt, div.Registration dl.gender-dl.horizontal dd {
		display        : inline-block;
		vertical-align : middle;
		width          : calc(25% - 5px);
		float          : none;
		margin         : 0;
	}

	dl.gender-dl.horizontal dt:nth-of-type(2) {
		text-align : center;
	}

	.sex-svg {
		width       : 45%;
		display     : inline-block;
		cursor      : pointer;
		padding     : 2px;
		height      : 0;
		padding-top : 45%;
	}

	#man, #man-seeking {
		background      : url('/images/index/man_inactive-10.svg') center center no-repeat;
		background-size : 98%;
	}

	#man.active, #man-seeking.active {
		background-image : url('/images/index/man_active-09.svg');
		background-size  : 98%;
	}

	#man.error, #man-seeking.error {
		background-image : url('/images/index/man_active-orange.svg');
		background-size  : 98%;
	}

	#woman, #woman-seeking {
		background      : url('/images/index/woman_inactive-08.svg') center center no-repeat;
		background-size : 98%;
	}

	#woman.active, #woman-seeking.active {
		background-image : url('/images/index/woman_active-07.svg');
		background-size  : 98%;
	}

	#woman.error, #woman-seeking.error {
		background-image : url('/images/index/woman_active-orange.svg');
		background-size  : 98%;
	}

	div.Registration {
		min-width        : 400px;
		padding          : 25px;
		background-color : #fff;
		border-radius    : 25px;
		margin           : 100px 0 200px;
	}

	.Registration h2 {
		font-family    : 'Conv_BwModelicaSS01-Light';
		color          : #ff4500;
		font-size      : 35px;
		text-align     : center;
		padding-bottom : 6px;
	}

	.b-day, .b-month, .b-year {
		display        : inline-block;
		vertical-align : middle;
		width          : 24%;
		position       : relative;
	}

	.b-month {
		width : 46%;
	}

	.b-year {
		width : 30%;
	}

	.b-day:before, .b-month:before, .b-year:before {
		content        : '';
		display        : block;
		width          : 0px;
		height         : 0px;
		border-left    : 5px solid transparent;
		border-right   : 5px solid transparent;
		border-top     : 8px solid #00638a;
		position       : absolute;
		top            : 50%;
		margin-top     : -4px;
		right          : 10px;
		pointer-events : none;
	}

	.b-month {
		margin : 0 -6px;
	}

	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2,
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2,
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {
		width      : 100%;
		margin     : 0;
		box-sizing : border-box;
		background : #fff;
		color      : #00638a;
	}

	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2,
	div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2,
	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2,
	dd #email {
		height    : 40px;
		border    : 1px solid #00638a;
		color     : #00638a;
		padding   : 0 0 0 10px;
		font-size : 15px;
	}

	div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {
		border-bottom-left-radius : 20px;
		border-top-left-radius    : 20px;
	}

	div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {
		border-bottom-right-radius : 20px;
		border-top-right-radius    : 20px;
	}

	dd #email {
		border-radius : 20px;
	}

	div.Registration dl.horizontal dt {
		width          : 30%;
		color          : #00638a;
		margin-bottom  : 10px !important;
		font-size      : 15px;
		float          : none;
		display        : inline-block;
		vertical-align : middle;
		margin-right   : -6px;
	}

	body.nl div.Registration dl.horizontal dt {
		font-size : 12px;
	}

	div.Registration dl.horizontal dd {
		width          : 70%;
		color          : #00638a;
		margin-bottom  : 10px !important;
		float          : none;
		display        : inline-block;
		vertical-align : middle;
	}

	dl.horizontal dd:after {
		content : '';
		display : block;
		clear   : both;
	}

	div.Registration input.submit {
		background-color : #ff4500;
		border           : none;
		font-size        : 28px;
		font-family      : 'Conv_BwModelicaSS01-ExtraBold', sans-serif;
		padding          : 7px;
		color            : #fff;
		width            : 100%;
		height           : auto;
		border-radius    : 40px;
		cursor           : pointer;
		transition       : all .2s ease-in-out;
		letter-spacing   : 1px
	}

	div.Registration input.submit:hover {
		transform  : scale(1.05);
		box-shadow : 0px 0px 14px rgba(0, 0, 0, 0.4);
	}

	input.checkbox {
		-webkit-appearance : none !important;
		-ms-appearance     : none !important;
		-moz-appearance    : none !important;
		appearance         : none !important;
		font-size          : 16px;
		box-sizing         : border-box;
		margin             : 0 5px 0 0;
		opacity            : 1 !important;
		color              : #0086d3;
		width              : 15px !important;
		height             : 15px !important;
		background         : #fff;
		vertical-align     : middle;
		border             : 1px solid #00638a;
		border-radius      : 10px;
	}

	input.checkbox#agree {
		border-radius : 8px;
	}

	input.checkbox:checked {
		background      : #fff url(/images/index/dot.svg) center center no-repeat !important;
		background-size : 50% !important;
	}

	div.RegistrationSimple p.warning.submitbutton {
		padding-top : 10px;
	}

	div.RegistrationSimple p.warning.submitbutton, div.RegistrationSimple div.submit-block p.warning a {
		color       : #00638a;
		font-size   : 8px;
		font-family : 'Conv_BwModelicaSS01-Bold';
		text-align  : center;
	}

	/*members block*/
	.members-section {
		position : relative;
		top      : -60px;
		z-index  : 10;
		overflow : hidden;
		clear    : both;
	}

	.ContextMenu.highlighted {
		display : none !important;
	}

	.members-list:after {
		display : block;
		clear   : both;
		content : ''
	}

	.members-macro {
		position : relative;
		z-index  : 10;
		width    : 1408px;
		margin   : 0 auto;
		padding  : 15px 30px 0;
	}

	div.member {
		width          : 130px;
		padding        : 0;
		height         : auto;
		border         : none;
		position       : relative;
		margin         : 0 7px;
		float          : none;
		display        : inline-block;
		vertical-align : top;
		overflow       : visible;
	}

	div.member a.photolink {
		width         : 116px;
		height        : 116px;
		border        : 6px solid #fff;
		background    : #fff;
		overflow      : hidden;
		padding       : 0;
		border-radius : 58px;
		display       : block;
		margin        : 0 auto;
	}

	div.member a.photolink:hover {
		border-color : #ff4500;
		transform    : scale(1.05);
		box-shadow   : 0px 0px 14px rgba(0, 0, 0, 0.4);
	}

	div.member img {
		width  : 100%;
		height : auto;
	}

	div.member div.username {
		display : none;
	}

	div.member div.info br {
		display : none;
	}

	div.member div.info {
		display    : block;
		width      : 100%;
		text-align : center;
	}

	div.member div.info .age {
		display : none;
	}

	div.member div.info span.address {
		color       : #fd582a;
		font-size   : 14px;
		font-family : 'Conv_BwModelicaSS01-Regular';
	}

	.offer {
		text-align : center;
		margin     : 0 0 50px;
	}

	.member-age {
		width            : 30px;
		height           : 30px;
		line-height      : 30px;
		border-radius    : 20px;
		background-color : #fff;
		position         : absolute;
		top              : 88px;
		left             : 76px;
		z-index          : 1000;
		text-align       : center;
		color            : #fd582a;
	}

	.offer ul {
		list-style-type : none;
		text-align      : center;
	}

	.offer .item {
		display        : inline-block;
		width          : calc(25% - 4px);
		padding        : 0 15px;
		vertical-align : top;
	}

	.offer .item h3 {
		font-family : 'Conv_BwModelicaSS01-Bold';
		color       : #00638a;
		padding     : 10px 0;
		font-size   : 20px;
	}

	.offer .item p {
		font-size   : 12px;
		color       : #00638a;
		font-family : 'Conv_BwModelicaSS01-Regular';
		padding     : 0 15px;
	}

	.offer .item img {
		margin : 0 auto;
		height : 60px;
	}

	.regButton {
		display          : inline-block;
		background-color : #ff4500;
		border           : none;
		font-size        : 20px;
		font-family      : 'Conv_BwModelicaSS01-ExtraBold';
		padding          : 0 100px;
		color            : #fff;
		height           : 60px;
		line-height      : 60px;
		border-radius    : 40px;
		margin           : 70px 0 70px;
		transition       : all .2s ease-in-out;
		letter-spacing   : 1px;
	}

	.regButton:hover {
		text-decoration : none;
		transform       : scale(1.05);
		box-shadow      : 0px 0px 14px rgba(0, 0, 0, 0.4);
	}

	/*footer*/
	footer svg {
		width : 150px;
	}

	footer svg .st6 {
		fill : #959595;
	}

	ul#bottonNavigation {
		margin     : 0;
		text-align : center;
	}

	ul#bottonNavigation li {
		display         : inline-block;
		vertical-align  : top;
		list-style-type : none;
		margin          : 0 10px 10px 0;
		text-transform  : none;
		color           : #949597;
		font-size       : 12px;
	}

	div#copyright {
		margin    : 0;
		font-size : 12px;
		color     : #6b767d;
	}
}

@media all and (max-width : 768px) {
	.visual:after {
		background-image    : url(/images/index/girl.png);
		background-position : 96% bottom;
	}

	.offer .item {
		width   : 100%;
		display : block;
		margin  : 10px 0;
	}
}

@media all and (max-width : 480px) {

	.login-container{
		display: none;
		top: 35px;
	}

	#login-macro{
		position: relative;
		width: 100%;
		top: 30px;
	}

	.login-container.fullWidth{
		width: 100%;
		padding: 0 15px;
		left: 0;
	}

	#login-submit{
		width: 100%;
		height : auto;
		visibility : visible;
		position : static;
		font-size: 22px;
		padding: 10px 10px;
		border: none;
		border-radius: 30px;
		background: #ff4501;
	}

	div.LoginIndex dl dt, div.LoginIndex dl dd{
		width: calc(50% - 6px);
		text-align: left;
	}

	.login-container.block{
		display : block;
	}

	.registration-section{
		z-index : 1;
	}

	.top-section {
		z-index : 2;
	}

	.nav-trigger, .nav-trigger-label, .offcanvasMenu {
		display : block;
	}

	div.Registration {
		min-width : 100%;
		margin    : 50px 0 90px;
	}

	.Registration h2 {
		font-size : 26px;
	}

	input.checkbox#agree {
		width         : 20px !important;
		height        : 20px !important;
		border-radius : 10px;
	}

	#login-macro.activeLogin .LoginIndex {
		position : absolute;
		top      : 0;
		right    : 0;
		left     : 0;
	}

	div.LoginIndex dl.horizontal{
		text-align: left;
	}

	input.checkbox#agree:checked {
		background-size : 90% !important;
	}

	div.RegistrationSimple p.warning.submitbutton {
		margin-top : 10px;
	}

	div.Registration dl.horizontal dt {
		font-size : 13px;
	}

	body.de .Registration h2, body.cs .Registration h2 {
		font-size : 22px;
	}

	body.de div.Registration dl.horizontal dt {
		font-size : 12px;
	}

	body.nl div.Registration dl.horizontal dt, body.sv div.Registration dl.horizontal dt {
		font-size : 11px;
	}

	body.ru div.Registration input.submit {
		font-size : 24px;
	}

	.members-macro, .members-section {
		top : 0;
	}

	.regButton {
		margin : 20px 0 0;
	}

	.visual:after {
		display : none;
	}


	.logo {
		width : 180px;
	}

	.members-macro {
		width      : 100%;
		text-align : center;
		margin     : 20px 0;
	}

	.offer .item {
		margin : 30px 0;
	}

	footer svg {
		margin  : 10px auto 30px;
		float   : none;
		display : block;
	}

	div#copyright {
		margin     : 10px auto;
		float      : none;
		text-align : center;
	}

	div.member {
		float          : none;
		display        : inline-block;
		vertical-align : top;
		width          : 50%;
		height         : auto;
		padding-bottom : 50%;
		margin         : 0 -3px;
		text-align     : center;
		padding        : 5%;
	}

	div.member a.photolink {
		width          : 100%;
		height         : 0;
		padding-bottom : 100%;
		border-radius  : 50%;
		border         : none;
	}

	.member-age {
		top  : 50%;
		left : 5%;
	}

	.b-day:before, .b-month:before, .b-year:before {
		display : none;
	}

	ul#bottonNavigation {
		padding    : 0;
		margin     : 0 auto;
		text-align : center;
	}

	ul#bottonNavigation li {
		text-transform : none;
	}

	div.member.pos8, div.member.pos7, div.member.pos6, div.member.pos5, div.member.pos4 {
		display : none;
	}

	#nav-trigger {
		width    : 30px;
		position : absolute;
		z-index  : 10;
		right    : 20px;
		top      : 20px;
	}

	#nav-trigger #close-nav {
		display : none;
		height  : 20px;
	}

	#open-nav {
		background : transparent;
	}

	#close-nav {
		margin-top : 15px;
	}

	#open-nav div, #close-nav div {
		height        : 4px;
		border-radius : 2px;
		background    : #fff;
		margin        : 5px 0;
	}

	#close-nav div {
		margin : -3px 0;
	}

	#close-nav div:first-of-type {
		transform  : rotate(45deg);
		transition : transform 2s;
	}

	#close-nav div:last-of-type {
		transform  : rotate(-45deg);
		transition : transform 2s;
	}

	.offcanvasMenu {
		display : none;
	}

	.offcanvasMenu {
		width         : 100%;
		position      : absolute;
		right         : 0;
		top           : 70px;
		text-align    : right;
		padding-right : 15px;
		z-index       : 1000;
	}

	div.SwitchLocale {
		margin : 0 10px 10px 0;
	}

	.registration-section.goBack {
		position                    : relative;
		-webkit-animation-name      : myshipback; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration  : 0.3s; /* Safari 4.0 - 8.0 */
		-webkit-animation-fill-mode : forwards; /* Safari 4.0 - 8.0 */
		animation-name              : myshipback;
		animation-duration          : 0.3s;
		animation-fill-mode         : forwards;

	}

	.registration-section.goLeft {
		position                    : relative;
		-webkit-animation-name      : myship; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration  : 0.3s; /* Safari 4.0 - 8.0 */
		-webkit-animation-fill-mode : forwards; /* Safari 4.0 - 8.0 */
		animation-name              : myship;
		animation-duration          : 0.3s;
		animation-fill-mode         : forwards;
	}

	.registration-section.goLeft.Log-in{
		-webkit-animation-name      : myshipLogin; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration  : 0.3s; /* Safari 4.0 - 8.0 */
		-webkit-animation-fill-mode : forwards; /* Safari 4.0 - 8.0 */
		animation-name              : myshipLogin;
		animation-duration          : 0.3s;
		animation-fill-mode         : forwards;
	}

	@keyframes myship {
		from {
			margin-top : 0;
		}
		to {
			margin-top : 20px;
		}
	}
	@-moz-keyframes myship {
		from {
			margin-top : 0;
		}
		to {
			margin-top : 20px;
		}
	}
	@-webkit-keyframes myship {
		from {
			margin-top : 0;
		}
		to {
			margin-top : 20px;
		}
	}

	@keyframes myshipLogin {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 70px;
		}
	}
	@-moz-keyframes myshipLogin {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 70px;
		}
	}
	@-webkit-keyframes myshipLogin {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 70px;
		}
	}


	@keyframes myshipback {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 0;
		}
	}
	@-moz-keyframes myshipback {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 0;
		}
	}
	@-webkit-keyframes myshipback {
		from {
			margin-top : 20px;
		}
		to {
			margin-top : 0;
		}
	}
}

div#onesignal-popover-container.slide-down #onesignal-popover-dialog {
	width : 420px;
}

div#onesignal-popover-container #onesignal-popover-dialog {
	border-bottom-left-radius  : 6px;
	border-bottom-right-radius : 6px;
	padding                    : .8em;
}

div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary {
	box-shadow  : 0 2px 4px 0 rgba(0, 0, 0, .4);
	background  : #ff5d33 !important;
	font-weight : 700;
	color       : #fff !important;
	transition  : all .2s ease-in-out;
}

div#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary:hover {
	background : #ff3c10 !important;
	transform  : scale(1.1);
}

div#onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary {
	color : #b9b9b9 !important;
}
/*453402.1.386.aa70866_1050172012*/