@font-face {
    font-family: Monad;
    font-weight: 100;
    src: url("fonts/Monad/Monad-Light.otf") format("opentype");
}

@font-face {
    font-family: Monad;
    font-weight: bold;
    src: url("fonts/Monad/Monad-Bold.otf") format("opentype");
}

@font-face {
    font-family: Monad;
    font-weight: 400;
    src: url("fonts/Monad/Monad-Medium.otf") format("opentype");
}


body,html{
	font-family: Monad !important;
	font-weight:100;
	overflow-x: hidden;
	color:#0a2d3d !important;
}

#nav-bar{
	height:50px;
	background-color:#24A1B1;
}

#nav-bar-mobile{
	height:68px;
	display:none;
	background-color:#23a2b2;
}

.ribbon{
	width:50px;
	height:50px;
	float:left;
	background-color:#EF4353;
	padding:5px;
}

.ribbon:hover{
	cursor: pointer;
}

.ribbon span{
	display:inline-block;
	background:url("img/ribbon.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
}

#nav-bar .right{
	display:flex;
	height:100%;
}

#nav-bar input{
	height:35px;
}

#nav-bar .nav-search-wrap{
	width:380px;
	display:inline-block;
	height:35px;
	margin:auto 60px auto 0;
	padding:0;
	background-color:#bed7de;
}

#nav-bar .nav-search-box{
	background-color:#bed7de;
	border:0px;
	padding:0 0px 0 10px;
	height:35px;
	width:200px;
}

#nav-bar .search-icon{
	display:inline-block;
	background-color:#bed7de;
	background:url("img/search-icon.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50% 50%;
	float:right;
	width:35px;
	height:35px;
	margin:auto;
}
.popover-content{
	white-space:nowrap;
}

.nav-circle{
	width:36px;
	height:36px;
	display:inline-block;
	margin:auto 5px auto 5px;
}

.nav-circle.note{
	background-image:url("img/signup.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.nav-circle.lock{
	margin-right:60px !important;
	background-image:url("img/login.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.uppercase{
	text-transform: uppercase;
	font-weight: 100;
}

#banner .banner-search-wrap{
	background-color:#bed7de;
	padding:0;
	margin:20px 0 0 0;
}

#banner .search-icon{
	display:inline-block;
	background-color:#bed7de;
	background:url("img/search-icon.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50% 50%;
	float:right;
	width:35px;
	height:35px;
	margin:auto;
}

#banner .girl-1{
	background:url("img/girl-1.png");
	height:555px;
	background-size:contain;
	background-position:right 26px bottom -1px;
	background-repeat:no-repeat;
}

#banner .arrow{
	width: 0; 
	float:left;
	height: 0; 
	border-top: 0px solid transparent;
	border-bottom: 400px solid transparent;
	border-left: 115px solid white;
}

#banner .rect-red{
	background-color:#EF4353;
}

#banner .banner-red{
	color:#EF4353;
	padding:0px !important;
}

#start-bar{
	font-size:20px;
	font-weight:400;
	background-color:#24A1B1;
	height:50px;
	text-align:center;
	display:flex;
	flex-direction: row;
	align-items: center;
}

#start-bar:hover{
	cursor:pointer;
}

#start-bar span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:white;
}

#banner .banner-text-wrap span{
	color:#EF4353;
	font-size:20px;
	font-weight:400;
}

#banner .banner-text-wrap input{
	border:0;
	height:35px;
	background-color:#bed7de;
	font-size:12px;
	text-align:center;
}

#banner .banner-text-wrap .inner-wrap{
	display:block;
	width:325px;
}

#banner .banner-text-wrap{
	width:325px;
	text-align: center;
	height:555px;
	display:flex;
	flex-direction: row;
	align-items: center;
}

#banner .logo{
	background:url("img/giftitme2.png");
	background-size:contain;
	display:block;
	width:100%;
	background-position:center center;
	height:65px;
	background-repeat:no-repeat;
}

#brands{
	background-color:#042d3d;
	width:100%;
	height:230px;
	display:flex;
	flex-direction: row;
	align-items: center;
}

#brands .text{
	display:block;
	width: 100%;
	text-align: center;
	color:white;
}

#brands .wrap{
	display:block;
	height:30px;
	width:100%;
	text-align:center;
	margin-top:20px;
}

#brands .wrap div{
	height:30px;
	display:inline-block;
	width:90px;
	margin:0px 20px 20px 20px;
	vertical-align:middle;
	background-size:contain !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
}

#brands .nike{
	background:url("img/nike.png");
}

#brands .dell{
	height:20px !important;
	background:url("img/dell.png");
}

#brands .kmart{
	width:100px !important;
	background:url("img/kmart.png");
}

#brands .gillette{
	background:url("img/gillette.png");
}

#brands .hnm{
	background:url("img/hnm.png");
}

#brands .samsung{
	background:url("img/samsung.png");
}

#categories{
	background-color:#eaeaeb;
	height:540px;
	display:flex;
	flex-direction: row;
	align-items: center;
}

.cat-wrap{
	height:150px;
}

.cat-text{
	margin-top:10px;
	font-size:10px;
	text-transform: uppercase;
	white-space:nowrap;
	display:inline-block;
	width:100%;
	text-align: center;
}

#categories .container .icon{
	height:100px;
	width:100px;
	margin:40px auto 0 auto;
	padding:0;
	display:flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	background-color:#999;
	border-radius: 50% 50%;
}

#categories div span{
	display:inline-block;
	text-align: center;
	width:100%;
	color:#042d3d;
}

#categories div.popular .icon{
	background:url("img/Gift it meicon-10.png") center center no-repeat;
	background-size:cover;
}

#categories div.clothing .icon{
	background:url("img/Gift it meicon-03.png") center center no-repeat;
	background-size:cover;
}

#categories div.travel .icon{
	background:url("img/Gift it meicon-04.png") center center no-repeat;
	background-size:cover;
}

#categories div.home .icon{
	background:url("img/Gift it meicon-05.png") center center no-repeat;
	background-size:cover;
}

#categories div.sports .icon{
	background:url("img/Gift it meicon-06.png") center center no-repeat;
	background-size:cover;
}

#categories div.service .icon{
	background:url("img/Gift it meicon-07.png") center center no-repeat;
	background-size:cover;
}

#categories div.kids .icon{
	background:url("img/Gift it meicon-08.png") center center no-repeat;
	background-size:cover;
}

#categories div.books .icon{
	background:url("img/Gift it meicon-09.png") center center no-repeat;
	background-size:cover;
}

#invite .girl-2{
	background:url("img/girl-2.png");
	height:600px;
	background-size:cover;
	background-position:left -86px bottom -38px;
	background-repeat:no-repeat;
}

#invite .banner-teal{
	height:600px;
}

#invite .arrow{
	float:right;
	width: 0; 
	height: 0; 
	border-top: 0px solid transparent;
	border-bottom: 400px solid transparent; 
	border-right:115px solid white; 
}

#invite .banner-text-wrap{
	float:right;
	display:flex;
	height:600px;
	flex-direction: row;
	align-items: center;
}

#invite .banner-text-wrap .inner-wrap{
	margin-right:0px;
}

#invite .invite-head{
	color:#1E1F57;
}

.signup-link:hover{
	background-color:#00FFFF !important;
}

#invite .signup-link,
#whatisit2 .signup-link,
#howitworks .signup-link{
	color:#1E1F57;
	width:313px;
	padding:5px 10px;
	text-align:center;
	height:50px;
	border:none;
	background-color:#bed7de;
}

#invite .signup-link:hover{
	cursor: pointer;
}

#invite .heyguys{
	margin-top:-50px;
	display:inline-block;
	float:right;
	background:url("img/heyguys.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:75px;
	height:75px;
}

#steps{
	background-color:#042d3d;
	min-height:170px;
	height:480px;
	display:flex;
	flex-direction: row;
	align-items: center;
}

#steps .col-md-4{
	text-align:center;
}

#steps .icon{
	margin-bottom:10px;
}

#steps .mag .icon{
	display:inline-block;
	background:url("img/mag.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:100px;
	height:100px;
}

#steps .basket .icon{
	display:inline-block;
	background:url("img/basket.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	width:100px;
	height:100px;
}

#steps .dollar .icon{
	display:inline-block;
	background:url("img/dollar.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:100px;
	height:100px;
}

#steps .text span{
	display:inline-block;
}

#steps .step-wrap{
	text-align:center;
	padding:0 !important;
}

#start-red{
	font-size:20px;
	font-weight:400;
	background-color:#EF4353;
	height:50px;
	text-align:center;
	display:flex;
	flex-direction: row;
	align-items: center;
}

#start-red:hover{
	cursor:pointer;
}

#start-red span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:white;
}

#testimonials,
#testimonials-mobile{
	height:auto;
	min-height:640px;
	background-color:#eaeaeb;
	display:flex;
	flex-direction: row;
	align-items:center;
	text-align:center;
}

#testimonials .col-md-4,
#testimonials-mobile .col-md-4{
	padding:60px 50px 60px 50px;
}

#testimonials .first .pic,
#testimonials-mobile .first .pic{
	background:url("img/testimonials/Testimonials-03.png");
	display:inline-block;
	width:175px;
	height:175px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#testimonials .second .pic,
#testimonials-mobile .second .pic{
	background:url("img/testimonials/Testimonials-04.png");
	display:inline-block;
	width:175px;
	height:175px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#testimonials .third .pic,
#testimonials-mobile .third .pic{
	background:url("img/testimonials/Testimonials-05.png");
	display:inline-block;
	width:175px;
	height:175px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#howitworks .girl-3{
	background:url("img/girl-3-flipped.png");
	height:700px;
	background-size:contain;
	background-position:left 0px bottom 0px;
	background-repeat:no-repeat;
	margin:0 0 0 0px;
	padding:0;
	display:inline-block;
}

#howitworks .clearfix{
	white-space:nowrap;
}

#howitworks .howitworks-bubble{	
	margin-top:-55px;
	display:inline-block;
	margin-right:60px;
	float:right;
	background:url("img/howitworks.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:75px;
	height:75px;
}

#howitworks .arrow{
	float:right;
	width: 0; 
	height: 0; 
	border-top: 0px solid transparent;
	border-bottom: 400px solid transparent; 
	border-right:10vw solid white; 
}

#howitworks .triangle{
	background-color:#EF4353;
	background-position:absolute;
	height:500px;
	width:100%;
	-webkit-clip-path: polygon(0 50%, 0% 100%, 10% 100%);
	clip-path: polygon(0 50%, 0% 100%, 10% 100%);
	z-index:100;
	float:left;
}

#howitworks .rect-red{
	background-color:#EF4353;
}

#howitworks .banner-red{
	height:700px;
	display:inline-block;
	margin:0;
	padding:0;
	padding:0px !important;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#howitworks .banner-text-wrap{
	width:100%;
	padding-right:10%;
}

#whatisit .clearfix{
	white-space:nowrap;
}

.macbook-wrap{
	display:inline-block;
	margin:0 0 0 0px;
	padding:0;
	position:absolute;
	z-index:100;
	-webkit-clip-path: polygon(100% 50%, 90% 100%, 100% 100%);
	clip-path: polygon(100% 50%, 90% 100%, 100% 100%);
	background-color:#24A1B1;
}

.contact-error-box div{
	display:none;
}

.contact-error-box div{
	width:100%;
	border:1px solid red;
}

.whatisit-text-wrap{
	display:inline-block;
	margin:0;
	padding:0;
}

#whatisit2 .girl-2{
	background:url("img/girl-2.png");
	height:400px;
	background-size:cover;
	background-position:left -50px bottom -1px;
	background-repeat:no-repeat;
}

#whatisit2 .banner-teal{
	height:745px;
	position:absolute;
	z-index:100;
	left:50%;
}

#whatisit2 .macbook{
	height:500px;
	background-position:right center;
	background-repeat:no-repeat;
}

#whatisit2 .arrow{
	width: 0; 
	float:right;
	height: 0; 
	background-color:#e8a;
	border-top: 0px solid transparent;
	border-bottom: 400px solid transparent;
	border-left: 115px solid #999;
}

.lh-1{
	line-height:1.2;
}

#whatisit2 .banner-text-wrap{
	display:flex;
	height:745px;
	flex-direction: row;
	align-items: center;
}

#whatisit2 .whatisit-bubble{	
	margin-top:-55px;
	display:inline-block;
	margin-right:60px;
	float:right;
	background:url("img/whatisit.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:75px;
	height:75px;
}

.girl-4{
	background:url("img/girl-4.png") center 50px no-repeat;
	background-size:contain;
	height:792px;
}

#whatisit2 .banner-text-wrap .inner-wrap{
	margin-right:50px;
	white-space:normal;
}

#whatisit2{
	height:745px;
	overflow:hidden;
}

#whatisit2 .bg{
	background:url("img/macbook_full.png");
	background-size:cover;
	background-repeat:no-repeat;
	height:500px;
	width:60%;
	float:left;
	position: absolute;
	z-index: 0;
}

#whatisit2 .invite-head,
#howitworks .heading{
	color:#1E1F57;
}

#whatisit2 .heyguys{
	margin-top:-50px;
	display:inline-block;
	float:right;
	background:url("img/heyguys.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	width:75px;
	height:75px;
}

#whatisit2 .clearfix{
	white-space:nowrap;
}

#footer{
	background-color:#042d3d;
	height:300px;
	display:flex;
	align-items: center;
	flex-direction: row;
}

#footer .logo{
	background:url("img/giftitme-footer.png");
	width:100%;
	height:50px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

#footer .wrapper{
	height:auto;
	width:33.33%;
	margin:auto;
}

#footer .paypal{
	background:url("img/paypal.png");
	background-position:right center;
	height:20px;
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:-2px;
}

#footer .footer-link{
	color:#fff;
	display:inline-block;
	margin:0 10px 0 0;
}

#footer .footer-link a{
	color:#fff;
	font-size:14px;
}

#footer .footer-link a:hover{
	text-decoration: none;
}

.nav-bar-mobile .fa-bars{
	z-index:120;
	position:absolute;
}

.mobile-menu .fa-close{
	position:absolute;
}

.mobile-menu{
	background-color: #23a2b2;
	z-index: 100;
	position: absolute;
	width: 100%;
	overflow: hidden;
	height:0px;
	max-height:230px;
	z-index:130;
	-webkit-transition: height 0.5s; 
	-moz-transition: height 0.5s; 
	-ms-transition: height 0.5s; 
	-o-transition: height 0.5s; 
	transition: height 0.5s;  
}

.mobile-menu ul{
	width:100%;
	text-align:center;
	list-style:none;
	padding:20px 20px 0px 20px;
}

.mobile-menu ul li{
	color:#fff;
	font-weight:bold;
	padding:0 0 20px 0;
}

.mobile-menu ul li a{
	color:#fff;
}

.slick-dots li button:before{
	font-size:15px !important;
}

.bg-light{
	background-color:#24A1B1 !important;
}

.aboutus{
	display:flex;
	flex-direction: row;
	align-items: center;
}

.aboutus .left-side{
	-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	background-color:#EF4353 !important;
	height:600px;
	display:flex;
	flex-direction: row;
	align-items: center;
}

.aboutus .right-side{
	background:url("img/girl-3-flipped.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left 100px bottom 0px;
	height:600px;
}

.about-text{
	color:#fff;
	display:inline-block;
	width:400px;
	padding:0 0 0 0;
	margin-right:100px;
}

.about-text-wrap{
	display:inline-block;
	width:100% !important;
	height:auto;
}

.dark-text{
	color:#042D3D;
}

#contact_modal .message{
	width:100%;
	height:150px;
}

.show-mobile{
	display:none;
}

@media (max-width: 991px) {
	.container{
		margin:0 !important;
		padding:0 !important;
	}

	#categories .container{
		width:100%;
	}

	.ribbon{
		width:68px;
		height:68px;
	}


	#invite .container{
		display:flex;
		flex-direction:column-reverse;
	}

	#invite .girl-2{
		height:165px;
		background-size:contain;
	}

	#invite .banner-text-wrap{
		height:200px;
	}

	#invite .banner-teal{
		background-color:#23a2b2;
		height:auto;
	}

	#invite .inner-wrap{
		padding:20px 40px;
	}

	#categories{
		height:auto;
		padding:50px 0;
	}

	#start-bar{
		height:45px;
	}

	#brands{
		height:175px;
	}

	#brands .wrap{
		height:auto;
	}

	.container {
		width:100% !important;
	}
	#banner .container{
		width:100%;
	}

	#brands .f-15-mobile,
	#invite .f-15-mobile,
	#steps .f-15-mobile,
	#whatisit2 .f-15-mobile,
	#howitworks .f-15-mobile,
	#testimonials-mobile .f-15-mobile{
		font-size:15px !important;
	}

	#testimonials-mobile .col-md-4{
		padding:0px !important;
	}

	#invite .f-12-mobile,
	#steps .f-12-mobile,
	#whatisit2 .f-12-mobile,
	#howitworks .f-12-mobile,
	#testimonials-mobile .f-12-mobile{
		font-size:12px !important;
	}

	#testimonials-mobile .m-t-0-mobile{
		margin-top:0px !important;
	}

	#steps .f-10-mobile{
		font-size:10px !important;
	}

	#steps .container .col-xs-4{
		padding:10px !important;
	}

	.lh1-mobile{
		line-height:1 !important;
	}

	#steps .container .col-xs-4 .text{
		max-width:150px;
		margin:auto;
	}

	#testimonials-mobile{
		height:240px;
		min-height:0;
	}

	#testimonials-mobile .pic{
		width:78px !important;
		height:78px !important;
	}

	#invite .container{
		width:100%;
	}

	#invite .invite-text{
		text-align:center;
		max-width:400px;
		display:inline-block;
	}

	#invite .signup-link{
		height:30px;
		width:195px;
		margin:auto;
		display:block;
	}

	#invite .invite-head{
		width:100%;
		margin-bottom:10px;
		display:inline-block;
		text-align:center;
	}

	#invite .fc-white-mobile{
		color:#fff;
	}

	#steps{
		height:130px;
	}

	#steps .container{
		width:100%;
	}

	#steps .mag .icon{
		width:40px;
		height:40px;
	}

	#steps .basket .icon{
		width:40px;
		height:40px;
	}

	#steps .dollar .icon{
		width:40px;
		height:40px;
	}

	#banner .banner-text-wrap span{
		color:#fff;
		font-size:12pt;
		line-height:1;
	}

	#banner .banner-text-wrap span.label{
		margin-top:10px;
		display:inline-block;
	}

	.arrow{
		display:none;
	}
	#banner .girl-1{
		background-position:center center;
		height:165px;
	}

	#banner .banner-red{
		background-color:#EF4353;
		color:#fff !important;
		padding:0px !important;
	}


	.show-mobile{
		display:block;
	}

	.hide-mobile{
		display:none;
	}

	#banner .banner-text-wrap{
		margin:auto;
		height:200px;
	}
	#invite .banner-text-wrap .inner-wrap{
		margin:auto;
	}

	#banner .logo{
		background: url(img/giftitme.png);
		height:37px;
		background-size:contain;
		display:block;
		width:100%;
		background-position:center center;
		background-repeat:no-repeat;
	}

	#invite .girl-2{
		background-position:center center;
	}
	.macbook-wrap{
		-webkit-clip-path: polygon(100% 50%, 100% 100%, 100% 100%);
		clip-path: polygon(100% 50%, 100% 100%, 100% 100%);
	}
	#whatisit2 .banner-teal{
		-webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
		clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
	}
	.triangle{
		display:none;
	}
	#howitworks .girl-3{
		background-position:center center;
		width:100%;
		margin-bottom:-6px;
	}
	#footer .wrapper{
		width:90%;
	}
	#howitworks .banner-red{
		padding-right:0;
		-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
	}
	#howitworks .howitworks-bubble{
		display:none;
	}
	#howitworks .banner-text-wrap{
		padding-right:0;
		padding-top:30px;

	}

	#howitworks .banner-text-wrap .right{
		float:none !important;
		text-align:center;
	}

	#whatisit2 .macbook{
		display:block;
		width:100%;
	}

	#whatisit2 .bg{
		width:100%;
		background-position:right top;
	}

	#whatisit2{
		height:440px !important;;
	}

	#whatisit2 .banner-teal{
		left:0 !important;
		text-align:center;
		width:100%;
		height:auto;
	}
	#whatisit2 .banner-text-wrap .inner-wrap{
		max-width:400px;
		padding:0;
		margin:auto;
	}
	#whatisit2 .banner-text-wrap{
		float:none !important;
		margin:auto;
		height:auto;
		padding:0 20px 0 20px;
	}
	#whatisit2 .whatisit-bubble{
		display:none !important;
	}

	#whatisit2 .invite-head{
		font-weight:bold;
		margin-bottom:5px;
	}

	#whatisit2 .whatisit-text{
		color:#fff !important;
		padding:0 30px;
	}

	#whatisit2 .signup-link{
		height:30px;
		margin-top:10px !important;
	}

	#nav-bar{
		display:none !important;
	}

	#nav-bar-mobile{
		display:block;
	}

	#nav-bar-mobile .ribbon{
		float:none;
	}
	
	#testimonials .container,
	#testimonials-mobile .container{
		padding:0 0 20px 0 !important;
		width:100% !important;
	}

	#testimonials-mobile .slick-dots{
		bottom:-8px !important;
	}

	#testimonials .clearfix .center-test,
	#testimonials-mobile .clearfix .center-test{
		width:100%;
	}

	#steps .container{
		width:100%;
	}

	#invite .banner-text-wrap{
		float:none !important;
	}

	#howitworks .clearfix{
		display:flex;
		flex-direction: column;
	}

	#howitworks .banner-red{
		order:1;
		height:auto;
		background-color:#ef4153;
		padding:10px 0 50px 0 !important;
	}
	#howitworks .girl-3{
		margin-bottom:0;
		height:215px;
		background-position:center bottom;
	}

	.girl-4{
		height:220px !important;
		background-size:contain;
	}

	#whatisit2 .banner-text-wrap{
		height:220px !important;
		background-color:#23a2b2;
	}

	#howitworks .heading{
		font-weight:bold;
	}

	#howitworks .howitworks-text{
		color:#fff;
	}

	 #howitworks .signup-link{
		 height:30px;
	 }
}

/*
* For modal boxes
*/
.modal-dialog a,
.modal-dialog a:visited,
.modal-dialog a:hover{
	color:blue !important;
}

.modal {
	text-align: center;
	padding: 0!important;
	white-space:nowrap;
}

.ws-normal{
	white-space:normal;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content{
	border-radius:0 !important;
}

.giftitme-modal-logo{
	background:url('img/ribbon.png') no-repeat;
	background-position:center center;
	background-size:60% 60%;


	position: absolute;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	background-color: #042d3d;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 59px;
	z-index:9999;
}


.modal-logo-wrap{
	width:100%;
	text-align:center;
}

.modal-body{
	padding:0px !important;
}

.modal-header{
	background-color:#d02a2a;
	height:150px;
	padding-top:50px !important;
	padding-bottom:90px !important;
	color:#fff;
	width:100%;
	text-align:center;
}

.login-error-box,
.signup-error-box,
.advertiser-error-box
{
	display:none;
}

.login-error-box div,
.signup-error-box div,
.advertiser-error-box div
{
	flex:1;
	border:1px solid red;
	color:red;
}

div.captcha{
	width:110px;
	height:50px;
	background-color:#888;
	margin-right:10px;
	background-size:contain !important;
	background-repeat:no-repeat !important;
}
input.captcha{
	padding:13px !important;
}

.username,.email,.password,.brandname,.contact_email,.hear_about_us,.name,.message{
	padding:13px !important;
	background:#fff !important;
	color:#777 !important;
	border:1px solid #ccc;
}

.user-logo {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background: #888;
	color:#fff;
	display:flex;
	font-size:17pt;
}

.user-logo i{
	margin:auto;
}

.display-flex{
	display:flex;
}

.flex{
	flex:1 !important;
}

.login-btn,
.signup-btn,
.modal-main-btn
{
	width:100%;
	padding:16px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background-color:#d02a2a;
	border:none;
}

.login-btn:hover,
.signup-btn:hover,
.modal-main-btn
{
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}


.signupbtn{
	background-color:#d64599;
	padding:15px;
	border:0;
	margin-top:20px;
	width:80%;
	font-size:15pt;
	color:#fff;
}

.adsnalysis-modal-logo{
	background:url('img/adsnalysis_icon.png') no-repeat;
	background-position:center center;
	background-size:45px 50px !important;

	position: absolute;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	background-color: #000;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 59px;
	z-index:9999;
}

.login-error-box,
.signup-error-box,
.advertiser-error-box
{
	display:none;
}

.login-error-box div,
.signup-error-box div,
.advertiser-error-box div
{
	flex:1;
	border:1px solid red;
	color:red;
}

.terms p{
	margin:0 !important;
}

.terms .fw-bold{
	margin-top:20px !important;
}