html{
	height:100%
}
body{
	font-family: Arial, sans-serif;
	cursor:none;
	color:#fff;
	height:100%;
	font-size:16px
}
.loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.75);
	z-index:10000001;
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner {
  --spinner-size: 5;
  --line-color: #e6527d;
  --line-alpha: 1;
  --ring-color: #e6527d;
  --ring-alpha: .3;
  --ring-size: 10;
  font-size: calc(var(--spinner-size) * 1em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.spinner .line {
  fill: none;
  stroke: var(--line-color);
  stroke-width: var(--ring-size);
  opacity: var(--line-alpha);
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate3d(0, 0, 1, 0deg);
  animation: 
    2156ms spinner-arc ease-in-out infinite,
    1829ms spinner-rotate linear infinite;
}
.spinner .ring {
  fill: none;
  stroke: var(--ring-color);
  stroke-width: var(--ring-size);
  opacity: var(--ring-alpha);
}
@keyframes spinner-rotate {
  to { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes spinner-arc {
  from { stroke-dasharray: 0 150; stroke-dashoffset: 0; }
  to { stroke-dasharray: 100 150; stroke-dashoffset: -140; }
}
#alert .modal-content{
	text-align:center;
	color:#3e4e6d;
	background:#fff;
	border:solid 3px #3e4e6d;
	padding:30px;
	border-radius:10px;
	font-size:18px
}
#alert .btn{
	font-weight:bold;
	background:#e6527d;
	color:#fff;
	margin-top:30px;
	border-radius:30px;
	border:none;
	box-shadow:none;
	outline:none;	
	position:relative;
	padding:10px 15px
}
#alert .btn span{
	position:relative;
	z-index:2
}
#alert .btn:after,#alert .btn:before{
	z-index:1
}
.error{
	color:#000
}
.pointer {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #f080a8;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    z-index: 10000000;
    box-sizing: border-box;
    pointer-events: none;
    transition: width .5s, height .5s;
    -webkit-transition: width .5s, height .5s;
    -moz-transition: width .5s, height .5s;
}
.pointer.small{
	width:15px;
	height:15px;
}
.header{
	background:#fff;
	padding:15px 30px
}
.header .navbar-brand{
	margin:0;
	padding:0
}
.header .navbar-brand img{
	width:75px
}
.header .navbar-nav{
	margin-right:100px
}
.header .navbar-nav .nav-link{
	color:#606060;
	padding:0 15px
}
.header .navbar-toggler{
	outline:none;
	border:none
}
.header .navbar-collapse img{
	display:none
}

.wrapper{
	height:100%;
	padding-top:91px;
	overflow:auto;
	overflow-x:hidden
}
/* width */
.wrapper::-webkit-scrollbar {
  width: 0;
}
/* Track */
.wrapper::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
.wrapper::-webkit-scrollbar-thumb {
  background: #888; 
}
/* Handle on hover */
.wrapper::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.inner{
	height:100%;
	position:relative
}
.outline{
	-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
}
.tryme_form{
	position:fixed;
	top:91px;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	background:#e6527d;
	background-image:url(../img/tryme_form_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:none
}
.tryme_form .row{
	height:100%
}
.tryme_form .img{
	padding:50px 50px;
	position:relative;
	z-index:2
}
.tryme_form .img .img1{
	width:100%
}
.tryme_form .img .img3{
	display:none
}
.tryme_form .form{
	background:#e6527d;
	height:100%;
	padding:30px 150px 30px 200px;
	position:relative;
	z-index:1;
	overflow:auto;
	overflow-x:hidden
}
.tryme_form .form h3{
	font-weight:bold
}
.tryme_form .form .form-group label{
	font-size:14px;
	margin-bottom:0
}
.tryme_form .form .form-group{
	margin-bottom:0;
	margin-top:10px
}
.tryme_form .form .form-group .form-control{
	background:none;
	outline:none;
	border:none;
	box-shadow:none;
	border-radius:0;
	color:#fff;
	border-bottom:solid 1px #fff;
	padding-left:0;
	padding:0;
	height:auto
}
.tryme_form .form .btn{
	background:none;
	outline:none;
	border:none;
	box-shadow:none;
	border-radius:30px;
	background:#fff;
	color:#e6527d;
	font-weight:bold;
	padding:10px 15px
	
}
.tryme_form .img2{
	position:absolute;
	bottom:0;
	right:0;
	transform:translateX(50%);
	height:60%
}
.tryme_form .close_btn{
	position:absolute;
	top:30px;
	right:30px;
	color:#fff;
	font-size:36px;
	z-index:10
}
@media only screen and (orientation: portrait), (max-width: 992px){
	body{
		cursor:pointer;
		line-height:16px;
		font-size:14px
	}
	.pointer {
		display:none
	}
	.header{
		background:#fff;
		padding:10px 15px 0
	}
	.header .navbar-brand img{
		width:50px;
		margin-bottom:10px
	}
	.header .navbar-toggler{
		margin-bottom:10px
	}
	.header .navbar-collapse{
		background-image:url(../img/article_bg.jpg);
		background-size:cover;
		margin:0 -15px;
		padding:100px 0 30px;
		height:100vh;
		position:relative
	}
	.header .navbar-collapse img{
		display:block;
		top:30px;
		right:30px;
		width:100px;
		position:absolute
	}
	.header .navbar-nav .nav-link{
		-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		line-height:24px;
		padding:10px 30px
	}
	.header .navbar-nav .nav-link.active{
		-webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;
	}
	.wrapper{
		padding-top:61px;
	}
	.tryme_form{
		top:61px;
		overflow:auto;
		overflow-x:hidden
	}
	.tryme_form .img{
		padding:0;
	}
	.tryme_form .img .img1{
		display:none
	}
	.tryme_form .img .img2{
		display:none
	}
	.tryme_form .img .img3{
		display:block;
		width:100%
	}
	.tryme_form .form{
		padding:15px;
		background:none;
		height:auto
	}
	.tryme_form .form h3{
		display:none
	}
	.tryme_form .form .form-group label{
		font-size:12px;
		color:#ea5a88
	}
	.tryme_form .form .form-group .form-control{
		font-size:18px;
		padding:0;
		height:auto
	}
	.tryme_form .form .form-group{
		margin-top:15px
	}
	.tryme_form .form .btn{
		font-size:12px;
	}
}