.btn,
.important-links {
	xtext-transform: uppercase
}

#testimonial a,
.price-plybtn,
img {
	vertical-align: middle
}

@media(max-width:1028px) {
	#breadcrumb .breadcrumb-block,
	#menu_nav .closs,
	#menu_nav .more,
	.close-offcanvas,
	.copyrights .social,
	.topbar-block.text-right {
		text-align: center
	}
	.close-offcanvas {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 1;
		color: #000;
		border: 2px solid #eee;
		border-radius: 100%;
		width: 22px;
		height: 22px;
		line-height: 18px;
		font-size: 12px
	}
	.close-offcanvas:hover {
		background: #000;
		color: #fff
	}
	header #slide-nav #menu_nav {
		background: #222;
		box-shadow: 0 0 4px 0 #666;
		color: #999;
		height: 100%;
		opacity: 0;
		overflow-y: scroll;
		position: fixed;
		top: 0;
		width: 280px;
		z-index: 999999;
		margin: 0;
		padding: 0;
		-webkit-transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1);
		transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1);
		right: -280px
	}
	#menu_nav .closs {
		color: #fff;
		display: block;
		font-size: 30px;
		left: 10px;
		top: 10px
	}
	.offcanvas header #slide-nav #menu_nav {
		right: 0;
		opacity: 1
	}
	.offcanvas:after {
		position: fixed;
		top: 0;
		background: rgba(255, 255, 255, .95);
		content: '';
		z-index: 99;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity .5s;
		transition: opacity .5s
	}
	.offcanvas {
		width: 100%;
		height: 100%;
		position: relative
	}
	#menu_nav .more,
	#menu_nav .more::before {
		bottom: 0;
		position: absolute;
		top: 0;
		color: #fff
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
		border-radius: 1px;
		display: block;
		height: 3px;
		width: 30px
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 6px
	}
	.menu-logo {
		display: inline-block;
		margin-top: 10px
	}
	.navbar-toggle {
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 20px;
		padding: 9px 0
	}
	.dropdown-menu li a,
	.navbar-nav .open .dropdown-menu>li>a {
		padding-bottom: 0;
		padding-top: 0;
		line-height: 50px
	}
	#slide-nav #menu_nav>ul {
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px
	}
	#slide-nav #menu_nav>ul>li>a {
		line-height: 50px
	}
	#menu_nav .more {
		cursor: pointer;
		line-height: 50px;
		right: 10px;
		width: 30px;
		z-index: 6
	}
	#menu_nav .more::before {
		content: "";
		font-family: icofont;
		left: 0;
		right: 0
	}
	#menu_nav ul>li.current>.more::before {
		content: ""
	}
	.search .dropdown-menu {
		width: 100%
	}
	#slide-nav .dropdown-menu {
		display: none;
		height: 0;
		padding: 0;
		position: relative;
		top: 0!important;
		width: 100%
	}
	#slide-nav .dropdown.current>.dropdown-menu.open {
		background-color: #333;
		display: block;
		height: auto;
		left: 0
	}
	.header-2 nav#slide-nav,
	.header-3 .navbar-toggle .icon-bar {
		background-color: #222
	}
	.nav>li {
		xclear: both
	}
	.dropdown-menu li a {
		color: #fff
	}
	#menu_nav .dropdown-menu li a {
		border-bottom: 1px solid #111
	}
	#slide-nav .navbar-header,
	#slide-nav.affix .navbar-header {
		line-height: 50px;
		margin: 0;
		padding: 0;
		width: 100%
	}
	.header-1 nav#slide-nav {
		top: 0
	}
	.banner-content h2 {
		font-size: 30px;
		line-height: 45px
	}
	#services .service-block:not(:last-child) {
		margin-bottom: 30px!important
	}
	h4.rotate-heading {
		display: none
	}
	#banner-3 #banner-slider .item,
	#main-banner.two .banner-base,
	.action-2 .action-base,
	.action-5 .action-base {
		display: block
	}
	#about-us .space::after {
		right: 0
	}
	#about-us .about-block.space {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 40px
	}
	#about-us.one .about-block h3 {
		line-height: 36px
	}
	#about-us.one .about-block p {
		padding-right: 0
	}
	.main-heading {
		margin-bottom: 50px
	}
	#portfolio.one .portfolio-block,
	.grid-sizer {
		width: 44%
	}
	#work .work-block:not(:last-child) {
		margin-bottom: 30px
	}
	#portfolio.one .grid {
		padding: 0 15px
	}
	#portfolio.one .portfolio-block {
		margin-bottom: 15px
	}
	.team-image img {
		width: 100%
	}
	#our-team .team-block:not(:last-child),
	#testimonial .testimonial-block:not(:last-child) {
		margin-bottom: 30px
	}
	.main-heading h3 {
		margin-bottom: 10px;
		font-size: 20px
	}
	#price .price-block:not(:last-child) {
		margin-bottom: 50px
	}
	#newsletter form .form-group .btn {
		font-size: 12px;
		padding: 0 11px
	}
	#newsletter input {
		padding: 0 50px 0 30px
	}
	.header-2 .menu-logo {
		margin-top: 6px
	}
	.header-2 #slide-nav #menu_nav>ul>li>a {
		color: #fff;
		line-height: 50px
	}
	#main-banner.two .banner-content h2 {
		font-size: 18px;
		line-height: 31px;
		margin-top: 60px
	}
	#main-banner.two .banner-block>img {
		margin-top: 40px
	}
	#search .search-form h3 {
		line-height: 34px
	}
	#search form input {
		padding: 0 15px
	}
	#map {
		height: 240px
	}
	#contact .contact-block:not(:last-child) {
		margin-bottom: 40px
	}
	#error-page .btn {
		padding: 13px 20px 10px
	}
	#search form button {
		border: none;
		margin-left: 5px;
		padding: 0 15px;
		width: 159px;
		font-size: 10px
	}
	#banner-slider .banner-block>img,
	#portfolio .inner img {
		width: 100%
	}
	.domain-price ul li:not(:first-child) {
		padding-left: 4px
	}
	.domain-price ul li {
		font-size: 11px;
		padding-right: 4px
	}
	#price-plans .price-block:not(:last-child) {
		margin-bottom: 30px
	}
	.action-2 .action-block h3 {
		font-size: 20px;
		line-height: 34px
	}
	.copyrights .social {
		margin-top: 20px
	}
	#banner-3 #banner-slider {
		padding: 0 15px
	}
	.topbar-block li a {
		font-size: 10px
	}
	.header-3 .menu-logo {
		margin-top: 6px
	}
	.header-3 #slide-nav #menu_nav>ul>li>a {
		color: #fff;
		line-height: 50px
	}
	#services.three .service-block img.signature {
		margin-bottom: 25px;
		margin-top: 50px
	}
	.video .hover .inner a {
		font-size: 50px
	}
	#services.three .service-block:not(:nth-last-child(-n+3)) {
		margin-bottom: 30px
	}
	.action-3 .main-heading {
		margin-bottom: 0;
		padding: 0 15px
	}
	#blog .blog-block:not(:last-child),
	#portfolio.two .portfolio-block:not(:last-child) {
		margin-bottom: 30px
	}
	.action-5 .action-block>img {
		margin-top: 40px
	}
	.action .action-block p {
		font-size: 13px
	}
	.breadcrumb-block.text-right ol {
		margin-top: 15px
	}
	#portfolio.two .portfolio-base {
		padding: 0
	}
	aside {
		margin-top: 40px
	}
	#services.five .hover p {
		font-size: 12px;
		font-weight: 300;
		line-height: 21px
	}
	#services.five .hover h3 {
		color: #fff;
		font-size: 16px;
		line-height: 28px
	}
	#single-portfolio .project-info>li {
		font-size: 15px;
		line-height: 30px
	}
	#single-portfolio .portfolio-detail .btn.pull-right {
		display: inline-block;
		float: none!important;
		margin-top: 20px
	}
	.portfolio-pagination .btn {
		font-size: 10px;
		padding: 0 10px
	}
	.copyright-block .social {
		margin-top: 15px;
		text-align: center
	}
	#accordion h4 {
		font-size: 11px!important
	}
	#single-services .service-item h4 {
		font-size: 16px
	}
	header.header-4 #slide-nav #menu_nav {
		background: 0 0;
		box-shadow: none;
		opacity: 1;
		padding-left: 30px;
		position: relative;
		right: auto;
		top: auto;
		width: auto
	}
	.header-4 #slide-nav #menu_nav>ul {
		padding-right: 30px
	}
	.header-4 .menu-logo.black {
		color: #fff;
		margin-bottom: 0;
		margin-top: 60px
	}
	.header-4 nav#slide-nav.affix.fix {
		background-color: transparent!important
	}
}

.btn.icon,
.btn:hover {
	color: #fff
}

@media (min-width:768px) and (max-width:992px) {
	#about-us .space::after,
	h4.rotate-heading {
		display: none
	}
	.banner-content h2 {
		font-size: 30px;
		line-height: 45px
	}
	#services .service-block>p {
		font-size: 13px;
		line-height: 22px
	}
	#about-us .about-block.space {
		padding-top: 0
	}
	#portfolio.one .portfolio-block,
	.grid-sizer {
		width: 30.5%
	}
	#our-team .team-block .inner p {
		color: #fff;
		font-size: 10px;
		line-height: 18px;
		margin-bottom: 5px
	}
	#our-team .team-block:hover .hover {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0
	}
	#price .price-block {
		padding: 2px
	}
	#newsletter .main-heading h3 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px
	}
	#newsletter form .form-group .btn {
		font-size: 12px;
		padding: 0 15px
	}
	#newsletter input {
		padding: 0 100px 0 30px
	}
	#footer-1 .popular-post h4 {
		font-size: 11px;
		line-height: 23px
	}
	.footer-block.about p {
		line-height: 22px
	}
	.instagram img {
		width: 51px
	}
	.header-2 #slide-nav #menu_nav>ul>li>a {
		margin: 0 17px
	}
	#main-banner.two .banner-content h2 {
		font-size: 20px
	}
	#price-plans.two .inner ul {
		padding: 0 0 0 40px
	}
	.action-2 .action-block p {
		font-size: 11px
	}
	.header-3 #slide-nav #menu_nav>ul>li>a {
		margin: 0 11px
	}
	#banner-3.banner-content h2 {
		font-size: 22px;
		line-height: 37px;
		margin-top: 11px
	}
	#services.three .service-block p,
	.action-3 .main-heading.two p {
		font-size: 13px
	}
	.main-heading h3 {
		font-size: 20px;
		margin-top: 0
	}
	.action-4 .main-heading p {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 25px
	}
	.action .action-block p {
		font-size: 12px
	}
	#price-plans.three .price-block {
		padding: 0 2px
	}
	#price-plans.three .inner p {
		font-size: 11px
	}
	#testimonial .testimonial-block p {
		font-size: 11px;
		line-height: 22px
	}
	#blog .blog-block>h4 {
		font-size: 11px;
		line-height: 24px
	}
	#blog .blog-block li {
		font-size: 11px;
		margin-right: 5px
	}
	.social.two li a {
		font-size: 11px;
		height: 25px;
		line-height: 25px;
		width: 25px
	}
	.social.two li {
		margin: 0
	}
	.twitter .tweet-block p {
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px
	}
	.twitter .tweet-block .name {
		font-size: 10px
	}
	.twitter .tweet-block .date {
		font-size: 8px
	}
	.twitter .tweet-block {
		padding: 20px 0 20px 12px
	}
	#portfolio.two .portfolio-block:hover .hover {
		bottom: 0;
		left: 0;
		padding-top: 43%;
		right: 0;
		top: 0
	}
	#services.five .hover h3 {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 7px
	}
	#services.five .hover p {
		font-size: 9px;
		line-height: 16px
	}
	#services.five .service-block:hover .hover {
		padding: 15px;
		top: 0
	}
	#services.five .btn {
		padding: 9px 22px 7px
	}
	#services.five .hover {
		padding: 11px
	}
	#services.four .inner p {
		font-size: 11px;
		line-height: 19px
	}
	#services.four .inner h4,
	#single-portfolio .project-info>li {
		font-size: 12px
	}
	#services.four .read-more {
		font-size: 12px;
		font-weight: 300
	}
	#single-services .service-item h4 {
		font-size: 16px
	}
	#single-services .service-item p {
		font-size: 11px;
		line-height: 22px
	}
	#accordion h4 {
		font-size: 13px!important
	}
	.widget.category ul li a {
		font-size: 13px
	}
	.widget.expert h4 {
		font-size: 14px
	}
}

* {
	xposition: relative;
	outline: 0!important;
	xtransition: all ease-in-out .3s;
	x-webkit-transition: all ease-in-out .3s
}

:after,
:before {
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s
}

section {
	ransition: none;
	-webkit-transition: none;
	overflow: hidden
}

.rev_slider * {
	transition: none;
	-webkit-transition: none
}

ul {
  margin: 0;
}

body {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	overflow-x: hidden!important
}

p {
	xmargin: 0;
	xfont-size: 15px;
	xfont-family: 'Poppins'
}

h1,
h2,
h3,
h4,
h5,
h6 {
	xcolor: #333;
	xfont-family: Poppins
}

.row {
	clear: both
}

.bg-color {
	background-color: #fdfcfc
}

.blue-btn {
	background-color: #288feb
}

.bg .btn:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent
}

.btn i {
	xmargin-right: 15px
}

.radius-2x {
	border-radius: 30px
}

.radius-4x {
	border-radius: 5px
}

.no-radius {
	border-radius: 0
}

.btn.icon i {
	border-right: medium none;
	display: inline-block;
	line-height: 50px;
	margin: 0 0 0 10px;
	text-align: center
}

.btn.green-btn {
	background-color: #26c281
}

.btn.icon {
	background-color: #444;
	border: 1px solid #fff;
	font-size: 16px;
	padding: 0 30px
}

.btn.icon:hover {
	background-color: transparent;
	border-color: transparent;
	color: #7eaed3
}

.btn.icon:hover i {
	border-color: #fff
}

.btn.orange-btn {
	background-color: #ff5008
}

.btn.orange-btn:hover {
	background-color: #333
}

.home-2 .hvr-bounce-to-right::before {
	background: #222
}

.home-2 .btn {
	color: #fff
}

.main-heading h2 {
	color: #576671;
	font-size: 35px;
	font-weight: 700;
	line-height: 45px;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase
}

.bg .main-heading h2 {
	color: #fff
}

.main-heading h3 {
	color: #191d23;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 20px;
	margin-top: 0
}

.bg .main-heading h3 {
	color: #fff
}

.fa-facebook-square:before {
	content: "\f082";
	font-size: 18px
}

.fa-facebook-square:before:hover {
	color: #000
}

.bg .main-heading p {
	color: #fff
}

.main-heading {
	margin-bottom: 70px
}

.heading h2 {
	color: #f6f6f6;
	font-size: 144px;
	font-weight: 900;
	line-height: 55px;
	text-transform: uppercase
}

.heading {
	left: -10%;
	position: absolute;
	top: 30px
}

.circul span {
	display: inline-block;
	height: 10px;
	margin-bottom: 0;
	margin-left: 3px;
	margin-right: 3px;
	width: 10px
}

.circul {
	margin-top: 15px
}

.space .main-heading .numbering {
	top: -50px
}

.main-heading .numbering {
	bottom: 0;
	color: #f2f2f2;
	font-family: times new roman;
	font-size: 250px;
	font-weight: 600;
	left: -50px;
	letter-spacing: 1px;
	line-height: 211px;
	position: absolute;
	top: 0;
	z-index: -1
}

.main-heading .numbering.left {
	left: -50px;
	right: auto
}

.main-heading .numbering.center {
	left: 0;
	margin-left: -600px;
	right: 0
}

h4.rotate-heading {
	bottom: 0;
	color: #bbbbbc;
	font-size: 12px;
	font-weight: 700;
	left: 20px;
	letter-spacing: 2px;
	margin: 0;
	position: absolute;
	text-transform: uppercase;
	top: 60%;
	transform: rotate(-90deg);
	transform-origin: 0 0 0
}

h4.rotate-heading.left-out.animated {
	left: 20px;
	opacity: 1
}

h4.rotate-heading.left-out {
	left: -100px;
	opacity: 0
}

.two.main-heading h2 {
	color: #0d141b;
	font-family: poppins;
	font-size: 30px;
	font-weight: 600;
	line-height: 55px;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: lowercase
}

.bg-color .two.main-heading h2,
.bg-color .two.main-heading p {
	color: #fff
}

.main-heading.two hr {
	border: 1px solid #f7db5a;
	width: 63px
}

.checkbox label::after,
.checkbox label::before {
	border: 1px solid #dcdcdc;
	content: "";
	left: 0;
	position: absolute
}

.large-margin,
.margin,
.small-space {
	display: inline-block;
	width: 100%
}

.main-heading.two.text-left hr {
	margin-left: 0
}

.main-heading.two.text-center hr {
	margin-left: auto;
	margin-right: auto
}

.main-heading.two.text-right hr {
	margin-right: 0
}

.main-heading.two p {
	color: #6b7581
}

img {
	max-width: 100%
}

img.logo {
	xmargin-top: -4px
}

.margin {
	margin: 16px 0
}

.large-margin {
	margin: 20px 0
}

.no-padding {
	padding: 0
}

.padding-left {
	padding: 0 0 0 15px
}

.padding-right {
	padding: 0 15px 0 0
}

.space {
	padding: 50px 0
}

.space-top {
	padding: 90px 0 0
}

.half-padding {
	padding: 0 7.5px
}

.space-bottom {
	padding: 0 0 90px
}

section.wrapper {
	padding-left: 45px
}

.small-space {
	margin: 10px 0
}

.border-top-center::after {
	background-color: #dae5ef;
	content: "";
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 240px
}

input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
select,
select.form-control,
textarea {
	xbackground-color: #f6f6f6;
	xborder: 1px solid transparent;
	xbox-shadow: none;
	xcolor: #999;
	xdisplay: block;
	xfont-size: 12px;
	xline-height: 1.42857;
	xmargin-left: 5px
}

.checkbox input[type=radio],
.checkbox input[type=checkbox],
input[type=radio],
input[type=checkbox] {
	margin-left: 0;
	margin-top: 3px
}

.checkbox label::before {
	height: 20px;
	width: 20px
}

.checkbox label::after {
	background-color: #f0f0f0;
	height: 12px;
	margin: 4px;
	width: 12px
}

.checkbox input:checked+label::after {
	background-color: #26C281;
	border-color: #26C281
}

.checkbox label,
.radio label {
	color: #282828;
	font-size: 13px;
	font-weight: 400;
	padding-left: 30px
}

.checkbox input:checked+label {
	color: #26C281
}

.form-control::-moz-placeholder {
	font-weight: 300
}

.form-control:-ms-input-placeholder {
	font-weight: 300
}

.form-control::-webkit-input-placeholder {
	font-weight: 300
}

.contact-block form .form-group {
	margin-bottom: 14px;
	padding: 0 7px
}

#footer-3 ul,
.social {
	padding: 0;
	list-style: none
}

textarea.form-control {
	border-radius: 0;
	box-shadow: none;
	height: auto;
	background: #fff;
	border: 1px solid #ccc!important;
	resize: none
}

input:focus,
select:focus,
textarea.form-control:focus {
	box-shadow: none!important;
	background-color: #fff!important
}

select::-ms-expand {
	display: none
}

.Six-pagination .pagination li a,
.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

#topbar .topbar-block li,
.modal-content,
.social li,
.social li a,
.social.simple li a,
.social.two li a {
	display: inline-block
}

.black-overlay::before {
	background-color: rgba(1, 1, 1, .5);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.orange-overlay::before {
	background-color: rgba(255, 80, 8, .93);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.red-overlay::before {
	background-color: rgba(128, 200, 71, .7);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.social li {
	margin: 0 6px
}

.social li a {
	border-radius: 50%;
	color: #fff;
	text-align: center
}

.social li a.hvr-ripple-out:active::before,
.social li a.hvr-ripple-out:focus::before,
.social li a.hvr-ripple-out:hover::before {
	border-color: #19b5fe
}

.social li a.hvr-ripple-out::before {
	border: 3px solid #293141;
	border-radius: 50%
}

.social.simple li a {
	background-color: transparent;
	border-radius: 0;
	color: #fff;
	height: auto;
	line-height: normal;
	text-align: center;
	width: auto
}

.social.simple li {
	margin: 0 10px
}

.social.simple {
	margin-top: 20px
}

.social.two li a {
	border: 1px solid #d8d8d8;
	color: #b5b5b5;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.social.two li {
	margin: 0 2px
}

#footer-3 h4 {
	color: #233141;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 18px
}

#footer-3 ul.important-link li a,
#footer-3 ul.our-partner li a {
	color: #555;
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	line-height: 30px
}

#footer-3 form input {
	background-color: #f2f6fa;
	border-radius: 60px;
	padding: 0 30px
}

#footer-3 ul.important-link li a:hover,
#footer-3 ul.our-partner li a:hover {
	color: #26c281;
	text-decoration: underline
}

#footer-3 form .btn {
	box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .1)
}

.social.two li a:hover {
	background-color: #26c281;
	border-color: #fff;
	color: #fff
}

#copyright.white {
	background-color: #fff;
	padding: 0
}

#copyright.white p {
	border-top: 1px solid rgba(0, 0, 0, .1);
	color: #555;
	padding: 30px 0 20px
}

.owl-theme .owl-controls .owl-buttons div {
	background: #0c0c0c;
	border-radius: 0;
	font-size: 20px;
	left: 0;
	line-height: 45px;
	margin: 0;
	opacity: 1;
	padding: 0;
	position: absolute
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	left: auto;
	right: 0
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	background-color: rgba(237, 199, 85, .85);
	opacity: 1;
	text-decoration: none
}

.owl-controls {
	left: 0;
	margin: -22px 0 0!important;
	position: absolute;
	right: 0;
	top: 50%
}

#preloader footer {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0
}

#preloader .wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #f2f2f2;
	overflow: hidden
}

#preloader footer p {
	color: #26C281;
	font-family: poppins;
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase
}

.circle {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #26C281
}

.circle:after {
	content: "LOADING";
	position: absolute;
	top: 150px;
	width: 250px;
	color: #26C281;
	text-align: center;
	-webkit-animation: fadeinout .5s ease-in-out alternate infinite;
	animation: fadeinout .5s ease-in-out alternate infinite
}

.circle-cutter:after,
.circle:before {
	content: "";
	background-color: #f2f2f2
}

.circle:before {
	position: absolute;
	top: 125px;
	left: -1px;
	width: 252px;
	height: 126px
}

.circle-inner {
	position: relative;
	top: 30px;
	left: 30px;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	background-color: #f2f2f2;
	-webkit-animation: inneranim .5s ease-in-out alternate infinite;
	animation: inneranim .5s ease-in-out alternate infinite
}

.circle-cutter {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	-webkit-transform-origin: top top;
	-webkit-animation: animrotate 1s ease-in-out alternate infinite;
	transform-origin: top top;
	animation: animrotate 1s ease-in-out alternate infinite
}

body .loader_cogs__bottom div.bottom_hole,
body .loader_cogs__left div.left_hole,
body .loader_cogs__top div.top_hole,
body .loader_overlay {
	border-radius: 100%;
	margin: auto;
	right: 0;
	bottom: 0
}

.circle-cutter:after {
	position: absolute;
	top: 125px;
	left: -1px;
	width: 252px;
	height: 126px
}

@-webkit-keyframes inneranim {
	0% {
		top: 30px;
		left: 30px;
		width: 190px;
		height: 190px
	}
	100% {
		top: 3px;
		left: 3px;
		width: 244px;
		height: 244px
	}
}

@-webkit-keyframes animrotate {
	0% {
		-webkit-transform: rotate(160deg)
	}
	100% {
		-webkit-transform: rotate(-160deg)
	}
}

@-webkit-keyframes fadeinout {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes inneranim {
	0% {
		top: 30px;
		left: 30px;
		width: 190px;
		height: 190px
	}
	100% {
		top: 3px;
		left: 3px;
		width: 244px;
		height: 244px
	}
}

@keyframes animrotate {
	0% {
		transform: rotate(160deg)
	}
	100% {
		transform: rotate(-160deg)
	}
}

@keyframes fadeinout {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

body .loader_overlay {
	width: 150px;
	height: 150px;
	background: 0 0;
	box-shadow: 0 0 0 1000px rgba(255, 255, 255, .67), 0 0 19px 0 rgba(0, 0, 0, .16) inset;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0
}

body .loader_cogs {
	z-index: -2;
	width: 100px;
	height: 100px;
	top: -120px!important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

body .loader_cogs__top {
	position: relative;
	width: 100px;
	height: 100px;
	-webkit-transform-origin: 50px 50px;
	transform-origin: 50px 50px;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear
}

body .loader_cogs__top div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__top div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__top div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__top div.top_part {
	background: #2ecc71;
	height: 100px;
	position: absolute;
	width: 100px
}

body .loader_cogs__top div.top_hole {
	width: 50px;
	height: 50px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

body .loader_cogs__left {
	position: relative;
	width: 80px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	top: 28px;
	-webkit-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	-webkit-animation: rotate_left 10s .1s infinite reverse linear;
	animation: rotate_left 10s .1s infinite reverse linear;
	left: -24px;
	height: 80px
}

body .loader_cogs__left div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__left div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__left div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__left div.left_part {
	background: #288feb;
	height: 80px;
	position: absolute;
	width: 80px
}

body .loader_cogs__left div.left_hole {
	width: 40px;
	height: 40px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

body .loader_cogs__bottom {
	position: relative;
	width: 60px;
	top: -65px;
	-webkit-transform-origin: 30px 30px;
	transform-origin: 30px 30px;
	-webkit-animation: rotate_left 10.2s .4s infinite linear;
	animation: rotate_left 10.2s .4s infinite linear;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	left: 79px;
	height: 60px
}

body .loader_cogs__bottom div:nth-of-type(1) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

body .loader_cogs__bottom div:nth-of-type(2) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

body .loader_cogs__bottom div:nth-of-type(3) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

body .loader_cogs__bottom div.bottom_part {
	background: #f6510c;
	height: 60px;
	position: absolute;
	width: 60px
}

body .loader_cogs__bottom div.bottom_hole {
	width: 30px;
	height: 30px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

.loader {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg)
	}
	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg)
	}
}

@keyframes rotate_left {
	from {
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg)
	}
	to {
		-webkit-transform: rotate(376deg);
		transform: rotate(376deg)
	}
}

@-webkit-keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}
	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg)
	}
}

@keyframes rotate_right {
	from {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}
	to {
		-webkit-transform: rotate(364deg);
		transform: rotate(364deg)
	}
}

.cssload-box-loading {
	width: 49px;
	height: 49px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.cssload-box-loading:before {
	content: '';
	width: 49px;
	height: 5px;
	background: #000;
	opacity: .1;
	position: absolute;
	top: 58px;
	left: 0;
	border-radius: 50%;
	animation: shadow .58s linear infinite;
	-o-animation: shadow .58s linear infinite;
	-ms-animation: shadow .58s linear infinite;
	-webkit-animation: shadow .58s linear infinite;
	-moz-animation: shadow .58s linear infinite
}

.cssload-box-loading:after {
	content: '';
	width: 49px;
	height: 49px;
	background: #1a3668;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	animation: cssload-animate .58s linear infinite;
	-o-animation: cssload-animate .58s linear infinite;
	-ms-animation: cssload-animate .58s linear infinite;
	-webkit-animation: cssload-animate .58s linear infinite;
	-moz-animation: cssload-animate .58s linear infinite
}

#about-us .space::after,
#main-banner.two .simple-btn::after,
#single-services.two .service-block h3::before,
.border-bottom-full::after,
.video::after {
	content: ""
}

@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 39px
	}
	75% {
		transform: translateY(9px) rotate(67.5deg)
	}
	100% {
		transform: translateY(0) rotate(90deg)
	}
}

@-o-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-o-transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-o-transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 39px
	}
	75% {
		-o-transform: translateY(9px) rotate(67.5deg)
	}
	100% {
		-o-transform: translateY(0) rotate(90deg)
	}
}

@-ms-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-ms-transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-ms-transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 39px
	}
	75% {
		-ms-transform: translateY(9px) rotate(67.5deg)
	}
	100% {
		-ms-transform: translateY(0) rotate(90deg)
	}
}

@-webkit-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-webkit-transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 39px
	}
	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg)
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg)
	}
}

@-moz-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-moz-transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-moz-transform: translateY(18px) scale(1, .9) rotate(45deg);
		border-bottom-right-radius: 39px
	}
	75% {
		-moz-transform: translateY(9px) rotate(67.5deg)
	}
	100% {
		-moz-transform: translateY(0) rotate(90deg)
	}
}

@keyframes shadow {
	0%,
	100% {
		transform: scale(1, 1)
	}
	50% {
		transform: scale(1.2, 1)
	}
}

@-o-keyframes shadow {
	0%,
	100% {
		-o-transform: scale(1, 1)
	}
	50% {
		-o-transform: scale(1.2, 1)
	}
}

@-ms-keyframes shadow {
	0%,
	100% {
		-ms-transform: scale(1, 1)
	}
	50% {
		-ms-transform: scale(1.2, 1)
	}
}

@-webkit-keyframes shadow {
	0%,
	100% {
		-webkit-transform: scale(1, 1)
	}
	50% {
		-webkit-transform: scale(1.2, 1)
	}
}

@-moz-keyframes shadow {
	0%,
	100% {
		-moz-transform: scale(1, 1)
	}
	50% {
		-moz-transform: scale(1.2, 1)
	}
}

#accordion.panel-group {
	margin-bottom: 0;
	margin-top: 20px
}

.panel-default>.panel-heading {
	xbackground-color: rgba(0, 0, 0, 0);
	xborder-color: transparent;
	xpadding: 5px 0
}

.panel-group .panel {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0
}

#accordion h4 {
	font-size: 15px!important
}

#accordion h4 i {
	width: 15px
}

#accordion .panel-body {
	border: none;
	padding: 7px 0 0
}

.modal-body form .btn {
	margin-top: 20px;
	xwidth: 100%;
	margin-right: 0!important
}

.modal-body .checkbox.form-group>label {
	margin-right: 10px
}

.modal-content {
	width: 100%
}

.modal {
	z-index: 2147483647
}

.nav-tabs>li>a {
	xcolor: #333;
	xfont-family: poppins;
	xpadding: 10px 42px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	xcolor: #26c281
}

button.close {
	background: 0 0;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font-size: 34px;
	font-weight: 300;
	line-height: 23px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 9999
}

.modal-open .modal {
	overflow: hidden;
	overflow-y: scroll;
}

.modal-open {
	overflow: auto;
	padding: 0!important
}

#blog.two .blog-inner,
#portfolio.four .inner,
#portfolio.one .portfolio-block>.inner,
.btn-3,
.overflowHidden,
.service-block .inner {
	overflow: hidden
}

#top-section section#breadcrumb {
	background-color: #9abbc2;
	padding-bottom: 60px;
	padding-top: 150px
}

.breadcrumb-block>h3 {
	color: #fff;
	font-weight: 600;
	margin: 0;
	text-transform: capitalize
}

#main-banner.two .btn,
#topbar .topbar-block:last-child li {
	text-transform: uppercase
}

.breadcrumb>.active {
	color: #fff
}

.green-color {
	background-color: #26c281!important
}

#breadcrumb.two {
	padding: 40px 0
}

#breadcrumb.two .breadcrumb {
	margin-top: 10px
}

.topbar-block ul {
	list-style: none;
	padding: 0
}

#topbar .topbar-block:first-child li:not(:last-child) {
	margin-right: 20px
}

section#topbar {
	background-color: #222;
	padding: 10px 0
}

.topbar-block li a {
	color: #fff;
	font-family: poppins;
	font-size: 12px;
	font-weight: 500
}

#topbar ul li a i {
	font-size: 17px;
	margin-right: 6px
}

#topbar .topbar-block:last-child li:first-child {
	margin-right: 20px
}

#main-banner.one {
	background-image: url(../../assets/img/hero-bg-new.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

#main-banner.two {
	background-color: #288feb
}

.banner-content {
	text-align: center
}

.banner-content p {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 30px
}

.banner-content .btn {
	margin-top: 30px
}

.banner-content .owl-theme .owl-controls .owl-buttons div {
	background-color: transparent;
	font-size: 60px
}

.banner-content .owl-theme .owl-controls.clickable .owl-buttons div:hover {
	background-color: transparent;
	color: #f43438
}

#banner-slider {
	margin-top: 70px
}

.banner-content h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	margin-top: 0
}

.banner-content .center {
	justify-content: start;
	-webkit-justify-content: flex-start
}

.screen-height {
	position: relative
}

.banner-main {
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 35%
}

.hvr-bounce-to-right::before {
	background: #fff
}

#main-banner.two .banner-content h2 {
	font-size: 34px;
	font-weight: 900;
	line-height: 43px;
	text-transform: uppercase
}

#main-banner.two .banner-content p {
	font-family: poppins;
	font-size: 16px;
	font-weight: 500
}

#main-banner.two .btn {
	background-color: #fff;
	color: #288feb;
	font-size: 12px;
	padding: 18px 30px 15px
}

#main-banner.two .simple-btn {
	color: #fff;
	display: table;
	font-family: poppins;
	font-size: 14px;
	font-weight: 500;
	margin-top: 20px
}

#banner-3 #banner-slider .item,
#main-banner.two .banner-base {
	display: flex
}

#main-banner.two .simple-btn::after {
	background-color: rgba(255, 255, 255, .8);
	bottom: -2px;
	height: 2px;
	left: 30px;
	position: absolute;
	right: 0
}

#main-banner.two .btn:hover {
	color: #fff
}

#banner-3 {
	background-color: #26c281
}

#banner-3 .banner-block {
	padding: 50px 0
}

#banner-3 .banner-block h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 0
}

#banner-3.banner-content h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	line-height: 50px;
	margin-bottom: 15px;
	margin-top: 20px;
	text-transform: capitalize
}

#banner-3.banner-content .btn {
	background-color: #fff;
	border: none;
	color: #26c281;
	margin-top: 30px;
	padding: 18px 35px 14px
}

#banner-slider .btn.hvr-bounce-to-left::before {
	background: #222
}

#banner-slider .btn.hvr-bounce-to-left:active::before,
#banner-slider .btn.hvr-bounce-to-left:focus::before,
#banner-slider .btn.hvr-bounce-to-left:hover::before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

#banner-3.banner-content .btn:hover {
	color: #fff
}

#banner-3 #banner-slider {
	margin-top: 0
}

#banner-3 .owl-controls {
	left: -7%;
	right: -6%
}

.header-1 nav#slide-nav {
	border: none;
	border-radius: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 999
}

nav#slide-nav.active,
nav#slide-nav.affix {
	opacity: 1;
	visibility: visible
}

#slide-nav #menu_nav>ul {
	float: right;
	margin-top: 20px
}

#slide-nav .nav-button ul {
	padding: 0;
	list-style: none;
	text-align: center
}

#slide-nav .navbar-header {
	padding: 0
}

#slide-nav .nav-button li {
	display: inline-block;
	margin: 0 4px
}

.nav-button ul li a {
	color: #fff;
	font-size: 16px;
	text-align: center
}

#slide-nav #menu_nav>ul>li>a {
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	line-height: 40px;
	margin: 0 25px;
	padding: 0;
	text-transform: uppercase
}

#slide-nav.affix #menu_nav>ul>li>a,
.menu-logo,
.navbar-header {
	line-height: 50px
}

#slide-nav #menu_nav {
	padding-right: 0
}

nav#slide-nav.affix {
	background-color: #222!important;
	box-shadow: 0 0 2px 0 #cdcdcd;
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.dropdown:hover>.dropdown-menu {
	top: 100%;
	xdisplay: block
}

#slide-nav .dropdown .dropdown-menu .dropdown-menu {
	animation: .5s ease-in-out 0s normal none 1 running grow-2;
	left: 100%;
	top: 0!important
}

.search .dropdown-menu {
	left: auto;
	right: 0;
	width: 300px
}

#menu_nav .navbar-form {
	margin: 0;
	padding: 0
}

#menu_nav form .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

#menu_nav form button.btn {
	background-color: #222;
	border: none;
	bottom: 0;
	padding: 0 25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0
}

#menu_nav form button.btn i {
	margin-right: 0
}

.navbar-form .form-control {
	width: 100%
}

.dropdown-menu .sub-menu {
	background-color: #fff;
	left: 300%;
	margin-top: -1px;
	min-width: 170px;
	opacity: 0;
	padding: 8px 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	display: block
}

.dropdown-menu li:not(:last-child)>a {
	xborder-bottom: 1px solid #eee
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	left: 100.5%
}

#slide-nav .dropdown .dropdown-menu .left .dropdown-menu {
	left: auto;
	right: 100%
}

header ul {
	list-style: none;
	padding: 0
}

#menu_nav .closs {
	display: none
}

.menu-logo {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: poppins;
	font-size: 24px;
	font-weight: 600;
	height: 47px;
	text-align: center;
	width: 35px
}

#slide-nav.affix .navbar-header {
	line-height: unset;
	padding-top: 5px
}

.affix .menu-logo {
	height: 40px;
	line-height: 42px
}

.header-2 nav#slide-nav {
	background-color: #fff;
	border: none;
	border-radius: 0;
	margin: 0;
	z-index: 9999
}

.header-2 .menu-logo {
	border: 2px solid #288feb;
	color: #288feb;
	margin-top: 21px
}

.header-2 #slide-nav #menu_nav>ul>li>a {
	color: #17232f;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 90px;
	text-transform: uppercase
}

#our-team .inner h4,
#portfolio.one .category,
#portfolio.two .hover h4,
#services.five .btn,
#work .work-text h4 {
	text-transform: capitalize
}

.header-2 #slide-nav #menu_nav>ul>li>a:focus::after,
.header-2 #slide-nav #menu_nav>ul>li>a:hover::after {
	background-color: #288feb
}

.header-2 nav#slide-nav.affix,
.header-3 nav#slide-nav.affix {
	background-color: #fff!important
}

.header-2 #slide-nav #menu_nav .nav>li>a:focus,
.header-2 #slide-nav #menu_nav .nav>li>a:hover {
	color: #288feb
}

.menu-logo.black {
	border: 2px solid #222;
	color: #222
}

.header-3 #slide-nav #menu_nav>ul>li>a {
	color: #222;
	font-size: 16px;
	line-height: 90px;
	margin: 0 20px;
	text-transform: capitalize
}

.header-3 nav#slide-nav {
	margin: 0;
	border: none;
	border-radius: 0
}

.header-3 .menu-logo {
	margin-top: 21px
}

.header-3 nav#slide-nav.affix {
	z-index: 9999
}

.header-3 #slide-nav #menu_nav .nav>li>a:focus,
.header-3 #slide-nav #menu_nav .nav>li>a:hover {
	color: #26c281
}

.header-3 #slide-nav #menu_nav>ul>li>a:focus::after,
.header-3 #slide-nav #menu_nav>ul>li>a:hover::after {
	background-color: #26c281
}

#slide-nav .icofont-cart {
	font-size: 20px
}

.header-2 .nav.navbar-nav span {
	background-color: #1A83E9
}

#slide-nav #menu_nav>ul>li:last-child>a {
	margin-right: 0
}

header.header-4 nav {
	border: none;
	margin: 0
}

header.header-4 {
	background-color: #22252b;
	bottom: 0;
	left: -275px;
	position: fixed;
	top: 0;
	width: 320px;
	z-index: 99
}

.header-4 #slide-nav #menu_nav>ul,
.header-4 .navbar-nav>li {
	float: none
}

.header-4 #slide-nav #menu_nav {
	padding-left: 60px;
	padding-right: 0
}

.header-4 #slide-nav #menu_nav>ul>li>a {
	margin: 0
}

.header-4 .menu-logo.black {
	border: 2px solid #fff;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 120px
}

.header-4 .menu-buttons a {
	color: #fff;
	display: inline-block!important;
	float: right;
	font-size: 30px;
	padding-right: 10px;
	padding-top: 3px;
	z-index: 99
}

.header-4 .menu-buttons a.show .icofont-close-line,
.header-4.open .menu-buttons a.show .icofont-navigation-menu {
	display: none
}

header.header-4.open {
	left: 0
}

.header-4.open .menu-buttons a.show .icofont-close-line {
	display: block
}

.header-4 nav#slide-nav.affix.fix {
	box-shadow: none;
	position: relative
}

.header-2 .menu-logo::before {
	background-color: #288feb
}

.black.menu-logo:hover,
.header-2 .menu-logo:hover {
	color: #fff
}

.black.menu-logo::before {
	background: #000
}

#work,
.video::after {
	background-position: center top
}

#testimonial.bg,
#work {
	background-attachment: fixed
}

#testimonial.bg,
#work,
.video::after {
	background-repeat: no-repeat;
	background-size: cover
}

.service-block h3 {
	color: #191d23;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 22px
}

#services.one .service-block:hover img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
	-webkit-transform: scale(1.2)
}

.service-block h3 a {
	color: #191d23
}

#services .service-block>p {
	color: #505660;
	line-height: 28px
}

#services.two .service-block {
	display: flex
}

#services.two .service-block h3 {
	color: #17232f;
	font-size: 20px;
	margin-top: 0
}

#services.two .service-info {
	margin-left: 30px
}

#services.two .service-info p {
	color: #505660;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px
}

#services.two .service-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 60px
}

#services.three .service-block h3 {
	font-size: 24px;
	margin-top: 0
}

#services.three .service-block>p {
	color: #222;
	font-family: poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px
}

#services.three .service-block img.signature {
	margin-bottom: 80px;
	margin-top: 50px
}

.video .hover {
	background-color: rgba(34, 34, 34, .8);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

#services.three .service-block img {
	border-radius: 50%
}

.video>.inner {
	border: 7px solid #fff;
	box-shadow: 0 0 21px 0 rgba(153, 153, 153, .6)
}

.video .hover .inner a {
	color: #fff;
	font-size: 90px;
	font-weight: 300
}

.video::after {
	background-image: url(../images/line.png);
	bottom: 0;
	left: -20%;
	position: absolute;
	right: -20%;
	top: 0;
	z-index: -1
}

.video .hover .inner h3 {
	color: #fff;
	margin-top: 0
}

.lightbox {
	display: none
}

#services.three .video {
	margin-bottom: 80px
}

#services.three .service-block h4 {
	color: #222;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 25px
}

#services.three .service-block h4 a {
	color: #222
}

#services.three .service-block p {
	color: #555;
	font-weight: 300;
	line-height: 28px
}

#services.three .service-block {
	padding: 0 30px
}

#services.three .service-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 50px
}

#services.four .inner h4 {
	color: #191d23;
	font-size: 18px;
	margin-bottom: 12px;
	margin-top: 20px
}

#services.four .inner h4 a {
	color: #191d23
}

#services.four .inner p {
	color: #505660;
	font-family: poppins;
	font-weight: 300;
	line-height: 28px
}

#services.four .read-more {
	color: #2296f7;
	display: inline-block;
	font-family: poppins;
	font-weight: 600;
	margin-top: 14px;
	text-decoration: underline
}

#services.four .service-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 60px
}

#services.five .hover h3 {
	font-size: 22px;
	line-height: 32px;
	margin-top: 0;
	color: #fff
}

#services.five .hover h3 a {
	color: #fff
}

#services.five .hover p {
	font-family: poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #fff
}

#services.five .hover {
	bottom: 0;
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 76%
}

#services.five .service-block .inner {
	border: 10px solid #e4e9f1;
	overflow: hidden
}

#services.five .service-block:hover .hover {
	padding: 40px 20px;
	top: 0
}

#services.five .btn {
	background-color: #fff;
	color: #222;
	font-size: 14px;
	margin-top: 35px;
	padding: 15px 40px
}

#services.five .service-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 30px
}

#single-services .service-inner .service-item:not(:last-child),
#single-services.one .inner>img,
.inner #services .service-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 40px
}

#single-services .service-item h4 {
	color: #222;
	font-size: 20px;
	font-weight: 600;
	margin-top: 0
}

#single-services .service-item p {
	color: #555;
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	line-height: 28px
}

#single-services.two .service-block h3 {
	display: inline-block;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 20px
}

#single-services.two .service-block h3::before {
	background-color: #26c281;
	bottom: 0;
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	width: 60px
}

#single-services.two .service-item {
	padding-top: 40px
}

#single-services.two .service-item>p {
	margin-top: 20px
}

#single-services.two .service-item ul {
	list-style: none;
	margin-top: 15px;
	padding-left: 20px
}

#single-services.two .service-item ul li {
	color: #333;
	font-family: poppins;
	font-weight: 500;
	line-height: 28px
}

#single-services.two .service-item ul li:not(:last-child) {
	margin-bottom: 10px
}

#portfolio.one .portfolio-block,
#portfolio.two .portfolio-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 30px
}

#single-services.two .service-item ul li::before {
	background-color: #05305a;
	border-radius: 50%;
	bottom: 0;
	content: "";
	height: 10px;
	left: -20px;
	position: absolute;
	top: 9px;
	width: 10px
}

.border-bottom-full::after {
	border-bottom: 2px solid #e8edf1;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0
}

#about-us .space::after {
	background-color: #e5e5e5;
	height: 1px;
	left: 0;
	position: absolute;
	right: 65%;
	top: 0
}

#about-us.one .about-block h3 {
	color: #000;
	font-style: italic;
	margin-top: 0
}

#about-us.one .about-block p {
	color: #505660;
	font-size: 16px;
	line-height: 32px;
	padding-right: 50px
}

#about-us.one .about-block a {
	display: inline-block;
	margin-top: 30px
}

#work {
	background-image: url(../images/work-bg.jpg)
}

#work .work-block {
	display: flex
}

#work .numbering {
	color: #fff;
	font-family: poppins;
	font-size: 33px;
	font-weight: 900;
	margin-right: 10px
}

#portfolio.one .category,
#work .work-text p {
	color: #fff;
	font-weight: 500;
	font-family: poppins
}

#work .work-text h4 {
	color: #fff;
	font-size: 18px;
	margin-top: 16px
}

#work .work-text h4 a {
	color: #fff
}

#work .work-text p {
	line-height: 28px
}

.grid:after {
	content: '';
	display: block;
	clear: both
}

#portfolio.one .portfolio-block,
.grid-sizer {
	width: 31.5%
}

#portfolio.one .portfolio-block .hover {
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	text-align: center;
	transition: transform .4s ease 0s, opacity .1s ease .3s;
	-webkit-transition: transform .4s ease 0s, opacity .1s ease .3s
}

#portfolio.one .portfolio-block:hover .hover {
	opacity: 1;
	transition: transform .4s ease 0s, opacity .1s ease 0s;
	-webkit-transition: transform .4s ease 0s, opacity .1s ease 0s
}

#portfolio.one .inner h4 {
	color: #fff;
	font-size: 17px;
	margin-top: 0
}

#portfolio.one .inner h4 a {
	color: #fff
}

#portfolio.one .portfolio-block:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1)
}

#portfolio.one .btn {
	border-color: #333;
	color: #333;
	margin-top: 30px
}

#portfolio.one .btn:hover {
	border-color: transparent;
	color: #fff
}

#portfolio.one .inner h4 a:hover {
	color: #ff5c19
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li:not(:last-child)>a::after {
	content: "-";
	position: absolute;
	right: -9px;
	top: 7px
}

#portfolio.two .hover {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}

#portfolio.two .portfolio-block:hover .hover {
	background-color: rgba(22, 27, 31, .9);
	bottom: 15px;
	left: 15px;
	opacity: 1;
	padding-top: 67%;
	right: 15px;
	top: 15px
}

#portfolio.two .hover h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 600
}

#portfolio.two .hover h4 a {
	color: #fff
}

#portfolio .hover hr {
	border-top: 2px solid #2296f7;
	width: 35px
}

#portfolio.two .category {
	color: #fff;
	font-family: poppins;
	font-size: 12px;
	font-weight: 500
}

#portfolio-slider .owl-controls {
	margin: 20px 0 0!important;
	position: relative;
	top: auto
}

#portfolio-slider .owl-pagination .owl-page span {
	background-color: #222;
	border-radius: 0;
	height: 4px;
	margin: 0 2px;
	opacity: 1;
	width: 30px
}

#our-team.two .team-image>img,
#testimonial.three .testimonial-block img,
.testi-header img {
	border-radius: 50%
}

#portfolio-slider .owl-pagination .owl-page.active span {
	background-color: #ff5008
}

#portfolio.three .portfolio-block img {
	width: 100%
}

#portfolio.three .portfolio-block {
	padding: 0
}

#single-portfolio .project-info {
	display: inline-block;
	list-style: none;
	margin-top: 13px;
	padding: 0
}

#portfolio.two.three .portfolio-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 0
}

#single-portfolio .project-info>li {
	color: #222;
	display: inline-block;
	font-family: poppins;
	font-size: 18px;
	font-weight: 300
}

#single-portfolio .project-info>li:not(:last-child) {
	margin-right: 30px
}

#single-portfolio .portfolio-detail {
	margin-top: 30px
}

#single-portfolio .portfolio-detail h3 {
	color: #22313f;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 30px
}

#single-portfolio .portfolio-detail>p {
	color: #555;
	font-family: poppins;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px
}

.portfolio-pagination .btn {
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, .1);
	color: #333;
	font-size: 12px;
	padding: 0 20px
}

.portfolio-pagination .btn.icon i.icofont-thin-left {
	line-height: 45px;
	margin-left: 0;
	margin-right: 5px
}

.portfolio-pagination .btn.icon i.icofont-thin-right {
	margin-left: 5px;
	line-height: 45px
}

#single-portfolio .portfolio-pagination {
	margin-top: 50px
}

.portfolio-pagination .btn:hover {
	background-color: #333;
	color: #fff
}

.portfolio-pagination div.icon {
	display: inline-block;
	font-size: 24px;
	line-height: 48px
}

#portfolio.four .portfolio-block:hover .hover {
	background-color: rgba(255, 92, 25, .8);
	bottom: 0;
	left: 0;
	padding-top: 0;
	right: 0;
	top: 0
}

#portfolio.four .portfolio-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 0
}

#portfolio.four .portfolio-block {
	padding: 0
}

#portfolio.four .social li a {
	font-size: 25px
}

#portfolio.four .social li {
	margin: 0 7px;
	opacity: 0;
	top: 50px
}

#portfolio.four .portfolio-block:hover .social li {
	margin: 0 7px;
	opacity: 1;
	top: 0
}

#portfolio.four .social li:first-child {
	transition: all ease-in-out .4s;
	-webkit-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s
}

#portfolio.four .social li:nth-child(2) {
	transition: all .1s ease-in-out .4s;
	-webkit-transition: all .1s ease-in-out .4s;
	-ms-transition: all .1s ease-in-out .4s
}

#portfolio.four .social li:nth-child(3) {
	transition: all .2s ease-in-out .4s;
	-webkit-transition: all .2s ease-in-out .4s;
	-ms-transition: all .2s ease-in-out .4s
}

#portfolio.four .social li:nth-child(4) {
	transition: all .3s ease-in-out .4s;
	-webkit-transition: all .3s ease-in-out .4s;
	-ms-transition: all .3s ease-in-out .4s
}

#portfolio.four .social {
	border-bottom: 1px solid #fff;
	list-style: none;
	padding: 20px 0 10px 15px;
	text-align: left
}

#portfolio.four .hover .text {
	bottom: 0;
	left: -200px;
	padding: 20px 20px 30px;
	position: absolute;
	right: 0;
	text-align: left;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s
}

#portfolio.four .portfolio-block:hover .hover .text {
	left: 0
}

#portfolio.four .hover hr {
	border-top: 2px solid #fff;
	margin: 20px 0;
	width: 35px
}

#our-team .inner h4 {
	color: #191d23;
	font-size: 17px;
	margin-top: 35px;
	font-weight: 600
}

#our-team .inner h4 a {
	color: #191d23
}

#our-team .designation {
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	color: #191d23
}

#our-team .hover {
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0
}

#our-team .team-block:hover .hover {
	bottom: 10px;
	left: 10px;
	opacity: 1;
	right: 10px;
	top: 10px;
	background-color: rgba(0, 0, 0, .5)
}

#our-team .team-block .inner p {
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 15px
}

#our-team .inner h4 a:hover {
	color: #ff5008
}

#our-team .team-block:not(:nth-last-child(-n+4)) {
	margin-bottom: 40px
}

#testimonial.bg {
	background-image: url(../images/playnow-bg.jpg);
	background-position: center 70%!important
}

#testimonial.bg.two {
	background-attachment: scroll;
	background-image: url(../images/cal-to-action-3.png)
}

.testimonial-block .testi-header {
	display: flex
}

#testimonial h3 {
	font-size: 2em
}

#testimonial a {
	background: #80c847;
	color: #fff;
	padding: 25px 30px;
	font-size: 35px;
	font-family: Poppins;
	text-shadow: 1px 1px 5px #333;
	letter-spacing: .5px;
	margin-top: 0;
	display: inline-block;
	border-bottom: 3px solid #588f2c
}

.video-play img {
	margin: 10px 0 0 0;
	border: 1px solid #ececec;
}

#testimonial a:hover {
	text-shadow: none;
	transition: all ease-in-out .4s;
	-webkit-transition: all ease-in-out .4s
}

.testi-header img {
	margin-right: 15px
}

#testimonial.bg .title h4 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 7px
}

#testimonial.bg .title h4 a {
	color: #fff
}

.testi-header .company {
	color: #fff;
	font-size: 12px;
	font-weight: 300
}

#testimonial.bg .testimonial-block p {
	color: #fff;
	font-style: italic;
	line-height: 29px;
	margin-top: 20px
}

.testimonial-block .testi-header::after {
	color: #ff5008;
	content: "”";
	font-family: poppins;
	font-size: 44px;
	position: absolute;
	right: 0;
	top: 6px
}

#testimonial.two .quotation-sign {
	color: #288feb;
	font-family: poppins;
	font-size: 44px;
	font-weight: 700;
	line-height: 30px;
	position: absolute
}

#testimonial.two .testimonial-block p {
	color: #17232f;
	font-family: poppins;
	font-style: italic;
	font-weight: 300;
	line-height: 30px
}

#testimonial.two .name {
	color: #17232f;
	font-family: poppins;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 5px;
	margin-top: 15px
}

#testimonial.two .site-name {
	color: #17232f;
	font-family: poppins;
	font-size: 12px;
	font-weight: 300
}

#testimonial.three .testimonial-block h3 {
	color: #222;
	font-size: 17px;
	margin-bottom: 6px;
	margin-top: 25px
}

#testimonial .testimonial-block h3 a {
	color: #222
}

#testimonial.three .profession {
	font-size: 13px;
	margin-bottom: 20px
}

#testimonial .testimonial-block p {
	font-family: poppins;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	line-height: 27px
}

#testimonial.three .button {
	margin-top: 50px
}

#testimonial.three .simple {
	color: #222;
	font-family: poppins;
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline
}

#testimonial.three .simple:hover {
	color: #1a83e9
}

#testimonial.two .testimonial-block {
	margin-top: 15px
}

#price::after {
	background-color: #fff!important
}

#price .price-block .price-inner {
	border-color: #ef473a #c9ccd0 #c9ccd0;
	border-style: solid;
	border-width: 10px 1px 1px;
	padding: 45px 30px;
	display: block;
	background: #FFF
}

.video-wrap.reveal {
	text-align: center;
	margin: 20px 0 0 0;
	height: 100%;
	width: 100%;
}

.video-sec .video-icon {
	position: absolute;
	top: 40%;
	left: 50%;
	color: #ffffff!important;
	border-radius: 50%!important;
	background: #e42127!important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: auto;
	padding: 22px 24px!important;
	border: 2px solid #fff
}

.price-inner.front h1 {
	white-space: nowrap;
	font-size: 34px;
	line-height: 40px;
	font-weight: 400;
	color: rgb(255, 255, 255)!important;
	letter-spacing: 2px
}

.price-inner.front ul li {
	color: #fff!important;
	line-height: 42px;
	font-size: 20px;
	font-weight: 400;
	list-style: none
}

.price-inner.front ul {
	margin-bottom: 20px;
	padding: 0 28px
}

.club-img img {
	max-height: 70px
}

.tbl-cell {
	position: relative
}

.feature-icon-box-wrap {
	padding: 0 1px!important
}

#clients {
	padding: 35px 0;
	background-color: #f5f5f5;
	border-bottom: 1px solid #edebebba
}

.tbl-cell:before {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
	content: "";
	background-color: #21242acc
}

.team-logo .tbl-sec .feature-icon-box-wrap .over-lay {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px 30px 30px 30px;
	display: block;
	top: 30px;
	text-align: center
}

.feature-icon-box-wrap .playing-schedule {
	display: flex;
	align-items: center;
	justify-content: space-evenly
}

.club-img img {
	max-height: 70px
}

.over-lay.bounceInUp h1 {
	color: #fff;
	font-size: 17px;
	margin-top: 20px
}

.splash-page__section--blue-texture {
	color: #fff;
	background-image: url(../img/latestnews.jpg)!important;
	background-position: center;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	background-repeat: no-repeat;
	background-color: #f6f6f67d ! important
}

.banner-head {
	text-align: center
}

.join-btn.mgb {
	padding: 33px 0 40px 0;
	text-align: center
}

h3.cta-title {
	font-weight: 600;
	font-size: 30px
}

#testimonials {
	padding: 40px 0px 80px 0px;
}

#testimonials .testimonial-item {
	min-height: 120px;
	box-sizing: content-box;
	padding: 10px 30px 10px 30px;
	margin: 30px 15px;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
	border-radius: 8px;
	background-color: #f3f3f3
}

@media (max-width:767px) {
	.howto-play .howplay {
		padding: 0 !important;
	}
	.video-otr {
		margin: 25px 0!important;
	}
	.create-free {
		margin-bottom: 60px;
	}
	.list-main .banner-head h1 {
		text-align: center
	}
	.list-main .banner-head ul {
		margin: 0px auto!important;
		width: 95%;
	}
	.video-otr,
	.howto-play .banner-head {
		display: block!important;
		padding: 15px!important;
	}
	.video-otr .banner-head {
		order: 2
	}
	.video-otr .video-sec {
		padding: 0!important;
	}
	#testimonials .testimonial-item {
		margin: 30px 10px
	}
}

#testimonials .testimonial-item .testimonial-img {
	width: 56px;
	border-radius: 50%;
	border: 4px solid #fff;
	margin: 0 auto
}

#testimonials .testimonial-item h3 {
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0 5px 0;
	color: #111;
	text-transform: uppercase
}

#testimonials .testimonial-item h4 {
	font-size: 14px;
	color: #333;
	margin: 0
}

.logo-icons-wins img {
	width: 150px
}

.social-section {
	color: #ffffff!important;
	font-size: 34px;
	padding-left: 9px
}

#testimonials h3 {
	color: #e42127ed;
	font-size: 30px
}

.testimonial-headtxt {
	text-align: left;
	margin-bottom: 17px
}

#testimonials .testimonial-item p {
	font-style: normal;
	margin: 0 auto 15px auto;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	line-height: 20px;
	text-align: left
}

#testimonials .owl-nav,
#testimonials .owl-dots {
	margin-top: 5px;
	text-align: center
}

.join-btn.mgb {
	text-align: center;
	margin: 10px
}

#testimonials .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%!important;
	background-color: #ddd
}

#testimonials .owl-dot.active {
	background-color: #ef4739
}

.social-section i.fa.fa-twitter {
	color: #3cade4;
	margin-right: 10px
}

.social-section i.fa.fa-facebook {
	color: #346ed9
}

.testimonil-head h1 {
	font-size: 40px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.28em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	text-align: center;
	margin: 0
}

a.howto-join-btn {
	background: #000;
	color: #fff!important;
	padding: 10px 35px!important;
	margin-top: 30px!important;
	xfont-weight: 700;
	border: 1px solid #fff;
	font-size: 18px;
	text-decoration: none
}

a.howto-join-btn:hover {
	background-color: #e42127;
	border: none
}

.feature-icon-box-wrap span {
	color: #fff;
	font-size: 45px
}

section.howto-play p {
	font-size: 14px
}

section.howto-play h1 {
	font-size: 40px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.28em;
	margin: 30px 0 23px 0
}

.how-to-sec img {
	width: 90px
}

#footer {
	background: #fff;
	padding: 0;
	font-size: 14px
}

#footer {
	padding: 15px 0 15px 0;
	background-color: #22262c;
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .16), 0 -2px 10px 0 rgba(0, 0, 0, 0)
}

#footer .contact-info {
	text-align: center
}

.contact-address ul {
	padding: 0
}

.contact-address ul li {
	list-style: none;
	line-height: 27px;
	font-weight: 500;
	font-size: 15px;
	color: #2f2626;
	float: left;
	padding: 0 10px;
	border-right: 1px solid #dcdcdc
}

.contact-address ul li:last-child {
	border-right: 0
}

#footer .contact-info h3 {
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff
}

#footer .contact-email p {
	color: #ef473a;
	text-align: right;
	margin: 0;
	font-size: 18px
}

#footer .contact-info a {
	color: #fff;
	font-size: 16px;
	font-weight: 400
}

#clients img {
	max-width: 100%;
	xopacity: .5;
	transition: 0.3s;
	padding: 7px 0;
	width: 170px;
	background-color: #fff;
	border: 1px solid #dddddd73;
	border-radius: 2px
}

.footer-bottom {
	padding: 25px 0 17px 0
}

.social a {
	color: #ef4739
}

.social i {
	padding: 8px 4px!important;
	font-size: 29px!important;
	color: #ef473a!important
}

.social i.fa.fa-facebook-square:before {
	font-size: 29px!important
}

#footer .copyright {
	text-align: right;
	margin-top: 10px
}

.how-bgtm {
	margin: 20px 0 20px 0
}

#price .price-block .price-inner:hover {
	xborder-color: #ef473a #777 #777;
	xbackground-color: rgba(255, 255, 255, 1)
}

#price .price span {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-transform: lowercase
}

#price .price-block h3 {
	color: #191d23;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	padding: 100px 0 15px;
	text-transform: uppercase
}

.price-inne p,
.price-inner h2 {
	margin-bottom: 20px
}

.banner-head h1 {
	font-weight: 700;
	color: rgb(255, 255, 255);
	font-size: 40px;
	margin: 10px;
	padding-bottom: 10px;
	text-transform: uppercase
}

#price .price-block .price {
	background-color: #ef473a;
	background-image: linear-gradient(to left, #cb2d3e, #ef473a);
	border: 4px solid #f5f4f4;
	border-radius: 50%;
	color: #fff;
	font-family: Poppins;
	font-size: 26px;
	height: 70px;
	width: 70px;
	left: 0;
	line-height: 0;
	margin: auto;
	padding-top: 32px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -45px
}

.banner-head ul {
	list-style: none;
	padding: 0
}

.bannerjoin-btn {
	margin-top: 40px
}

.bannerjoin-btn a {
	background: #000;
	color: #fff!important;
	padding: 10px 35px!important;
	margin-top: 30px!important;
	font-weight: 700;
	border: 1px solid #fff;
	font-size: 18px;
	text-decoration: none
}

.bannerjoin-btn a:hover {
	background-color: #e42127;
	color: #fff;
	border: none
}

.banner-head ul li {
	color: #fff;
	font-weight: 600;
	line-height: 30px;
	margin: 0 30px;
	font-size: 22px;
	margin-bottom: 5px;
}

.banner-head.btn {
	border: 1px solid #333;
	color: #EA0009;
	font-size: 14px;
	margin: 15px auto;
	padding: 10px 20px;
	text-transform: uppercase
}

.banner-head .btn:hover {
	background: #fff;
	color: #EA0009
}

#price .price-inner ul li:not(:last-child) {
	xborder-bottom: 1px solid #e9ecf1
}

#price .price-block.featured .price-inner {
	border-color: #ff5008 #dadee3 #dadee3
}

#price .price-block.featured .btn {
	background-color: #ff5008
}

.hvr-sweep-to-right::before {
	background: #ff5008
}

#price-plans.two .price {
	color: #17232f;
	font-family: poppins;
	font-size: 40px;
	font-weight: 800
}

.price-inner.hvr-bounce-to-top::before {
	background-color: rgba(0, 0, 0, .03)
}

#price-plans.two .price span {
	color: #17232f;
	font-size: 20px;
	font-weight: 500
}

#price-plans.two .inner p {
	color: #17232f;
	font-family: poppins;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px
}

#price-plans.two .inner h3 {
	background-color: #288feb;
	color: #17232f;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 17px 0 12px;
	text-transform: uppercase;
	z-index: 0
}

#price-plans.two .inner ul {
	list-style: none;
	margin-top: 40px;
	padding: 0 0 0 107px;
	text-align: left
}

#price-plans.two .inner li {
	color: #17232f;
	font-family: poppins;
	font-weight: 500;
	line-height: 28px
}

#price-plans.two .inner li::before {
	bottom: 0;
	color: #288feb;
	content: "";
	font-family: icofont;
	left: -23px;
	position: absolute;
	top: 0
}

#price-plans.two::after,
#price-plans.two::before {
	left: 0;
	padding-top: 50px;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: -1;
	content: ""
}

#price-plans.two a.simple {
	border-bottom: 1px solid transparent;
	color: #333;
	display: inline-block;
	font-family: poppins;
	margin-top: 20px;
	text-transform: uppercase
}

#price-plans.two::after {
	border-image: url(../images/border.png) 250 5 46 30 round round;
	border-top: 140px solid transparent;
	top: 163px
}

#price-plans.two::before {
	background-color: #288feb;
	top: 263px
}

#price-plans.two .inner {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	padding: 30px 0
}

#price-plans.two .inner h3::after {
	background-color: rgba(255, 255, 255, .8);
	bottom: 0;
	content: "";
	left: 3px;
	position: absolute;
	right: 3px;
	top: 0;
	z-index: -1
}

#price-plans.two .featured .inner h3::after,
#price-plans.two .price-block:hover .inner h3::after {
	opacity: 0
}

#price-plans.two .featured .inner h3,
#price-plans.two .price-block:hover .inner h3 {
	color: #fff
}

#price-plans.two .price-plan-text h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 0;
	margin-top: 0
}

#price-plans.two .price-plan-text {
	margin-top: 80px
}

#price-plans.two .featured a.simple,
#price-plans.two .price-block:hover a.simple {
	border-color: #288feb;
	color: #288feb
}

#price-plans.two.space-bottom {
	padding-top: 10px
}

#price-plans.three .inner h4 {
	background-color: #222;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	margin-top: 0;
	padding: 10px 0;
	text-transform: uppercase
}

#price-plans.three h6,
.nameCapital {
	text-transform: capitalize
}

#price-plans.three .price {
	color: #2ecc71;
	font-family: poppins;
	font-size: 40px;
	font-weight: 700;
	margin-top: 30px
}

#price-plans.three .price span {
	font-size: 20px;
	font-weight: 500
}

#price-plans.three h6 {
	color: #17232f;
	font-size: 14px;
	margin-bottom: 25px
}

#price-plans.three .inner p {
	color: #555;
	font-family: poppins;
	font-weight: 300;
	line-height: 28px
}

#price-plans.three .btn i {
	margin-left: 15px;
	margin-right: 0
}

#price-plans.three .btn.green-btn {
	background-color: #2ecc71;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 16px 30px 12px
}

#price-plans.three .inner {
	border: 1px solid rgba(0, 0, 0, .1)
}

#price-plans.three .featured .inner h4 {
	background-color: #2ecc71
}

#price-plans.three .featured .inner {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)
}

.inner #price-plans.three {
	padding-bottom: 20px
}

#newsletter .main-heading {
	margin: 0
}

#newsletter input {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #eceaea;
	border-radius: 0;
	color: #333;
	letter-spacing: 1px;
	font-family: Poppins;
	font-size: 20px
}

#newsletter .form-control::-moz-placeholder {
	color: #191d23;
	font-size: 14px;
	font-family: Poppins
}

#newsletter .form-control:-ms-input-placeholder {
	color: #191d23;
	font-size: 14px;
	font-family: Poppins
}

#newsletter .form-control::-webkit-input-placeholder {
	color: #191d23;
	font-size: 14px;
	font-family: Poppins
}

#newsletter form .form-group .btn {
	background-color: #80c847;
	border-radius: 0;
	border: 2px solid #80c847;
	bottom: 0;
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	right: 0;
	top: 0
}

#newsletter .form-group {
	margin-bottom: 0;
	margin-top: 35px
}

#newsletter .btn.hvr-bounce-to-right::before {
	background: #333
}

.newsletter-block h2 {
	color: #67bf54
}

#footer-1 {
	background-color: transparent;
	padding: 20px 0
}

#footer-2 .links li a:hover {
	color: #1A83E9
}

.footer-block.about p {
	color: #fff;
	font-size: 12px;
	line-height: 26px;
	margin-top: 25px
}

.social li a:hover {
	color: #1A83E9
}

#footer-1 .footer-block>h3 {
	color: #333;
	font-size: 16px;
	font-weight: 600
}

#footer-1 .footer-block ul {
	list-style: none;
	padding: 0
}

#footer-1 .footer-block ul.important-links li a {
	color: #333;
	font-size: 15px;
	font-family: Source Sans Pro;
	line-height: 30px
}

#footer-1 .popular-post h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px
}

#footer-1 .popular-post .date,
#footer-2 .links li a {
	font-family: poppins;
	font-size: 11px;
	text-transform: uppercase
}

#footer-1 .popular-post h4 a {
	color: #fff
}

#footer-1 .popular-post .date {
	color: #bbb;
	font-weight: 500
}

#footer-1 .footer-block ul>li a:hover {
	color: #80c847
}

#footer-1 .instagram li {
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 2px
}

#footer-1 .instagram li a::after {
	background-color: #ff5008;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}

#footer-1 .instagram li a {
	display: inline-block
}

#footer-1 .instagram li a:hover::after {
	opacity: .7
}

#footer-2 {
	background-color: #17232f
}

#footer-2 .links li {
	display: inline-block;
	margin: 0 20px
}

#footer-2 .links li a {
	color: #333;
	font-weight: 600
}

#footer-2 .links {
	border-bottom: 1px solid #223141;
	list-style: none;
	margin-top: 30px;
	padding: 0 0 40px
}

#copyright {
	font-family: Poppins
}

#footer-2 .copyrights {
	padding-top: 30px
}

#footer-2 .copyrights::after {
	background-color: #278ee8;
	content: "";
	height: 3px;
	left: 20%;
	position: absolute;
	right: 20%;
	top: -2px
}

#footer-2 .copyright-block p {
	color: #fff;
	font-family: poppins;
	font-size: 12px;
	font-weight: 500
}

#footer-3 .footer-block.about-text>p {
	color: #555;
	font-family: poppins;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: 30px
}

#footer-1 .footer-badge img {
	width: 150px;
	height: 150px
}

#copyright p {
	color: #fff;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px!important;
	padding-left: 68px;
	xtext-align: left
}

#copyright {
	background-color: #22252b;
	xpadding: 29px 0 20px
}

#search {
	background-image: url(../images/search-bg.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0
}

#search .search-form h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 0
}

#search form .form-group {
	display: flex;
	margin-bottom: 0
}

#search form input {
	background-color: #fff;
	border-radius: 60px;
	padding: 0 30px
}

#search form button {
	background-color: #288feb;
	border: none;
	margin-left: 10px;
	padding: 4px 0 0;
	width: 250px
}

.form-control::-moz-placeholder {
	color: #626d7b;
	font-size: 14px;
	font-family: Poppins
}

.form-control:-ms-input-placeholder {
	color: #626d7b;
	font-size: 14px;
	font-family: Poppins
}

.form-control::-webkit-input-placeholder {
	color: #626d7b;
	font-size: 14px;
	font-family: Poppins
}

#search ul {
	list-style: none;
	margin-top: 30px;
	padding: 0
}

.domain-price ul li {
	color: #fff;
	display: inline-block;
	font-family: poppins;
	font-size: 12px;
	font-weight: 300;
	line-height: 25px;
	padding-right: 30px
}

.domain-price ul li span {
	display: block;
	font-size: 16px;
	font-weight: 600
}

.action-2 .action-block h3,
.action.one .action-block h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0
}

.domain-price ul li:not(:first-child) {
	padding-left: 30px
}

.domain-price ul li:not(:last-child) {
	border-right: 1px solid #2a333f
}

.action.one .action-block h3 {
	color: #17232f;
	line-height: 38px
}

.one .action-block h3 span {
	color: #288feb;
	display: block
}

.action-2 .action-base,
.action-4 .features .feature-block {
	display: flex
}

.btn {
	xfont-size: 12px
}

.btn.blue-btn:hover {
	color: #fff
}

.action-2 .action-block h3 {
	color: #17232f;
	line-height: 40px
}

.action-2 .action-block p {
	color: #17232f;
	line-height: 25px;
	margin-bottom: 30px
}

.action-3 .main-heading {
	margin-bottom: 0
}

.action-3 .main-heading img {
	margin-top: 50px
}

.action-3 .two.main-heading h2 {
	color: #fff;
	margin-bottom: 15px;
	margin-top: 0
}

.action-3 .main-heading.two p {
	color: #fff
}

.action_3-slider .owl-item .blue {
	background-color: #1a83e9
}

.action_3-slider .owl-item .green {
	background-color: #26C281
}

.action_3-slider .owl-item .orange {
	background-color: #F6510C
}

.action_3-slider.owl-theme .owl-controls .owl-buttons div {
	background: 0 0;
	font-size: 60px
}

.action_3-slider.owl-theme .owl-controls .owl-buttons div:hover {
	background: 0 0;
	color: #222
}

.action-4 .features .numbering span {
	border: 1px solid #26c281;
	border-radius: 50%;
	color: #555;
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
	height: 57px;
	line-height: 54px;
	margin-right: 25px;
	text-align: center;
	width: 57px
}

.action-4 .features .feature-info h4 {
	color: #222;
	font-size: 16px;
	font-weight: 600;
	margin-top: 0
}

.action-4 .features .feature-info p {
	color: #222;
	font-family: poppins;
	font-weight: 300;
	line-height: 26px
}

.action-4 .main-heading {
	margin-bottom: 50px
}

.action-4 .features .feature-block:not(:last-child) {
	margin-bottom: 40px
}

.action-4 .action-block>img {
	margin-top: 50px
}

.action-5 .main-heading p {
	font-size: 15px
}

.action-5 .main-heading {
	margin-bottom: 0
}

.action-5 .action-base {
	display: flex
}

.action .action-block p {
	color: #555;
	font-family: poppins;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 30px
}

.action.bg::after {
	background-image: url(../images/border-2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 80px;
	z-index: -1
}

#blog.bg-color {
	background-color: #1a83e9
}

#blog .blog-block>h4 {
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	line-height: 30px;
	margin-top: 20px
}

#blog.bg-color .blog-block>h4 a {
	color: #fff
}

#blog .blog-block>h4 a {
	color: #222
}

#blog .blog-block>ul {
	color: #444;
	list-style: none;
	padding: 0
}

#blog .blog-block:not(:nth-last-child(-n+3)) {
	margin-bottom: 50px
}

#blog.bg-color .blog-block>ul {
	color: #fff
}

#blog .blog-block li {
	display: inline-block;
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	margin-right: 15px
}

#blog .blog-block ul i,
.widget.category ul li i {
	margin-right: 5px
}

#blog .blog-block>h4 a:hover {
	color: rgba(0, 0, 0, .5)
}

#blog.sidebar .blog-block>h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 30px
}

aside .scroll-fixing.affix {
	position: fixed;
	top: 0
}

#blog.two .blog-hover {
	background-color: #f4f4f4;
	bottom: -205px;
	display: inline-block;
	left: 0;
	padding: 40px 30px;
	position: absolute;
	right: 0
}

#blog .two.blog-inner:hover .blog-hover,
#blog.two .blog-item:hover .blog-hover {
	bottom: 0
}

#blog.two .blog-hover h3 {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 0;
	text-transform: uppercase
}

#blog.two .blog-inner {
	height: 385px
}

#blog .blog-inner img {
	width: 100%
}

#blog.two .blog-hover ul {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	padding: 0
}

#blog.two .blog-hover li {
	color: #26c281;
	font-family: poppins;
	font-size: 12px
}

#blog .blog-hover li:last-child {
	color: #a7a7a7;
	text-align: right
}

.btn-3,
.hr-text,
.welcomeTxt {
	text-align: center
}

#blog.two .blog-hover p {
	color: #333;
	line-height: 26px;
	margin-bottom: 35px;
	margin-top: 45px;
	text-transform: lowercase
}

#blog.two .columns_2 article:not(:nth-last-child(-n+2)),
#blog.two article:not(:nth-last-child(-n+3)) {
	margin-bottom: 30px
}

#blog.two .blog-inner:hover .blog-hover p {
	margin-top: 20px
}

#blog.two .blog-inner:hover .blog-hover h3 {
	margin-bottom: 25px
}

#blog.two .columns_2 .blog-hover {
	bottom: -182px
}

.widget h4 {
	color: #222;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 15px
}

.widget h4::after {
	background-color: #222;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	width: 60px
}

.twitter .tweet-block .name {
	color: #222;
	display: inline-block;
	float: left;
	font-family: poppins;
	font-weight: 600
}

.twitter .tweet-block .date {
	color: #222;
	display: inline-block;
	float: right;
	font-family: poppins;
	font-size: 12px;
	font-weight: 500
}

.twitter .tweet-block p {
	color: #222;
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 15px;
	clear: both
}

.twitter .tweet-block {
	padding: 20px 0 20px 20px
}

.widget {
	padding: 25px 15px
}

.widget.twitter {
	background-color: #f8f8f8;
	border: 1px solid #e6ecf2;
	padding-bottom: 0
}

.twitter .tweet-block .name::before {
	color: #2296f7;
	content: "";
	font-family: fontawesome;
	left: -20px;
	position: absolute
}

.btn-3:before,
.textSeparate:after,
.textSeparate:before,
.white-overlay::before {
	content: ""
}

.twitter .tweet-block:not(:last-child) {
	border-bottom: 1px solid #d6d9dc
}

aside .testimonial h4 {
	color: #fff
}

aside .testimonial h4::after {
	background-color: #fff
}

.widget.category ul li a,
.widget.testimonial.green-color {
	background-color: #f6f6f6
}

aside .testimonial-block p {
	font-family: poppins;
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 15px;
	margin-top: 20px;
	color: #fff
}

aside .testimonial .name {
	font-family: poppins;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #fff
}

aside .testimonial .profession {
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	color: #fff
}

aside .widget:not(:last-child) {
	margin-bottom: 30px
}

.widget.category ul {
	list-style: none;
	padding: 0
}

.widget.category {
	padding: 0
}

.widget.category ul li a {
	border-bottom: 1px solid #e4e4e4;
	color: #222;
	display: block;
	font-family: poppins;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	padding: 10px 15px 8px
}

.widget.category ul li a:hover {
	background-color: #26c281;
	color: #fff
}

.widget.expert p {
	font-family: poppins;
	font-size: 13px;
	font-weight: 300;
	line-height: 26px;
	margin: 20px 0;
	color: #fff
}

.widget.expert {
	background-color: #222;
	padding-bottom: 30px;
	padding-top: 30px
}

.widget.expert h4::after {
	background-color: #fff
}

.widget.expert h4 {
	color: #fff;
	font-size: 15px
}

.widget.testimonial.gray-bg .name,
.widget.testimonial.gray-bg .profession,
.widget.testimonial.gray-bg h4,
.widget.testimonial.gray-bg p {
	color: #222
}

aside .widget.expert .btn {
	border: none
}

.widget.testimonial.gray-bg {
	background-color: #f6f6f6
}

.widget.testimonial.gray-bg h4::after {
	background-color: #26C281
}

.widget.brochure a,
.widget.testimonial.green-bg {
	background-color: #26c281
}

.widget.brochure {
	padding: 0
}

.widget.brochure a {
	color: #fff;
	display: inline-block;
	font-family: poppins;
	font-size: 15px;
	font-weight: 600;
	padding: 20px 15px 17px;
	width: 100%
}

.widget.brochure a i {
	margin-right: 5px
}

#error-page h2 {
	color: #26c281;
	font-family: poppins;
	font-size: 34px;
	margin-bottom: 40px;
	margin-top: 60px
}

#error-page .btn.green-btn:hover {
	background-color: #222;
	border-color: transparent
}

#error-page.two h2 {
	color: #191d23;
	font-size: 44px;
	line-height: 53px;
	margin-bottom: 30px;
	margin-top: 10px
}

#error-page.two p {
	color: #191d23;
	font-size: 18px;
	line-height: 30px
}

#error-page.two .buttons {
	margin-top: 30px
}

#map {
	width: 100%;
	height: 500px
}

.contact-block i {
	color: #26c281;
	font-size: 40px
}

.contact-block h3 {
	color: #333;
	font-size: 24px
}

.contact-block a,
.contact-block p {
	color: #444;
	display: block;
	font-family: poppins;
	font-weight: 300;
	line-height: 27px
}

#contact textarea.form-control {
	height: 300px
}

.animate-in {
	-webkit-transition: all .7s ease-in-out .2s;
	-moz-transition: all .7s ease-in-out .2s;
	-o-transition: all .7s ease-in-out .2s;
	-ms-transition: all .7s ease-in-out .2s;
	transition: all .7s ease-in-out .2s
}

.bottom-out {
	top: 200px!important
}

.bottom-out.animated {
	top: 0!important
}

.fade-in {
	opacity: 0
}

.fade-in.animated {
	opacity: 1
}

.scale-less {
	opacity: 0;
	-ms-transform: scale(.8);
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8)
}

.scale-less.animated {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.left-out {
	left: -100px;
	opacity: 0
}

.left-out.animated {
	left: 0;
	opacity: 1
}

.right-out {
	right: -100px;
	opacity: 0
}

.right-out.animated {
	right: 0;
	opacity: 1
}

.move-up {
	top: 30px;
	opacity: 0
}

.move-up.animated {
	top: 0;
	opacity: 1
}

.zoom-out {
	opacity: 0;
	-ms-transform: scale(5);
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	transform: scale(5)
}

.zoom-out.animated {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.small-spliter {
	width: 50px
}

.small-spliter.animated {
	width: 20px
}

@-webkit-keyframes grow {
	0% {
		display: none;
		opacity: 0
	}
	1% {
		display: block;
		opacity: 0;
		top: 110%
	}
	100% {
		opacity: 1;
		top: 100%
	}
}

@keyframes grow {
	0% {
		display: none;
		opacity: 0
	}
	1% {
		display: block;
		opacity: 0;
		top: 110%
	}
	100% {
		opacity: 1;
		top: 100%
	}
}

@keyframes grow-2 {
	0% {
		display: none;
		opacity: 0
	}
	1% {
		display: block;
		opacity: 0;
		top: 10%
	}
	100% {
		opacity: 1;
		top: 0
	}
}

@-webkit-keyframes grow-2 {
	0% {
		display: none;
		opacity: 0
	}
	1% {
		display: block;
		opacity: 0;
		top: 10%
	}
	100% {
		opacity: 1;
		top: 0
	}
}

.container {
	xwidth: 90%!important
}

nav.navbar {
	background-color: #22252b;
	xz-index: 10000;
	width: 100%;
	height: 72px;
	position: fixed
}

.newacc-btn {
	padding: 0 15px!important
}

.newacc-btn {
	background: #ef473a!important;
	box-shadow: 0 4px #cc4036
}

.login-btn {
	box-shadow: none
}

.login-btn a:hover {
	background: 0 0!important
}

.para-tag {
	color: #333;
	font-size: 20px;
	line-height: 30px
}

.followstep {
	width: 50px;
	border: 2px solid #80c847;
	color: #80c847;
	border-radius: 50%;
	height: 50px;
	padding: 6px;
	margin: 0 auto
}

.page-foot {
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom
}

.banner-main h2 a {
	color: #fff
}

.banner-main h2 a:hover {
	color: #333
}

#createModal .modal-dialog,
#forgotModal .modal-dialog,
#myModal .modal-dialog {
	max-width: 350px;
	margin: 20px auto;
	border-radius: 0!important
}

.marginView,
.price-plybtn {
	margin-top: 15px
}

.modal-header {
	background: #333
}

.modal-header .close span {
	position: relative;
	top: 10px;
	font-size: 32px;
	color: #fff
}

#createModal input.form-control,
#myModal input.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background-color: #fff
}

#createModal a.btn.btn-primary,
#myModal a.btn.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #204d74
}

#createModal a.btn.btn-primary:hover,
#myModal a.btn.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

a.btn.btn-warning.btn-block,
button.btn.btn-primary.pull-right {
	xcolor: #fff;
	xbackground-color: #f0ad4e;
	xborder-color: #d58512
}

a.btn.btn-warning.btn-block:hover,
button.btn.btn-primary.pull-right:hover {
	xcolor: #fff;
	xbackground-color: #ec971f;
	xborder-color: #d58512
}

.textSeparate:after,
.textSeparate:before {
	background-color: #000;
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 25%
}

.textSeparate:after {
	left: .5em;
	margin-right: -50%
}

.textSeparate:before {
	right: .5em
}

.socialIcons {
	color: #b3b3b3!important;
	font-size: 32px
}

#createModal h4.modal-title,
ul.important-links>li a {
	color: #fff
}

.twitIcon {
	margin-right: 15px
}

.white-overlay::before {
	background-color: rgba(255, 255, 255, .7);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: none
}

.important-links {
	xtext-align: right;
	font-family: Poppins
}

ul.important-links>li {
	display: inline-block;
	padding: 0 5px;
	xborder-right: 1px solid #fff
}

ul.important-links>li:last-child {
	border-right: 0
}

#price {
	background: url(../img/welcome-banner.jpg) no-repeat;
	background-position: center top!important;
	background-size: cover;
	min-height: 900px;
	width: 100%;
	position: relative;
	background-attachment:fixed !important;
}

.price-plybtn {
	color: #ef473a;
	padding: 25px 30px!important;
	font-size: 35px!important;
	font-family: Poppins;
	letter-spacing: .5px;
	display: inline-block;
	border: 1px solid #333;
	box-shadow: 0 4px #222
}

.price-plybtn:hover {
	background-color: #ef473a;
	color: #fff
}

.promo {
	padding: 25px 0
}

.promo span {
	color: #EA0009
}

.nav>li>a:focus {
	background: 0 0
}

.price-inner p {
	height: 70px
}

@media (max-width:961px) {
	#typed-strings {
		margin-top: -50px!important
	}
}

@media (max-width:1028px) {
	a.newacc-btn {
		padding-left: 0!important
	}
	#slide-nav .navbar-header {
		width: 100%
	}
	.box-with-text {
		background-image: -webkit-linear-gradient(#ea0009 50%, #333 50%)!important
	}
	img.logo {
		xmargin-top: -15px!important;
		xmargin-left: 15px!important
	}
	.system-bg img {
		position: inherit
	}
	.system-bg {
		margin-top: 40px
	}
}

@media (max-width:1422px) and (min-width:1196px) {
	.price-inner p {
		height: 100px
	}
}

@media (max-width:1197px) and (min-width:1080px) {
	.price-inner p {
		height: 90px
	}
}

@media (max-width:1081px) and (min-width:961px) {
	.price-inner p {
		height: 120px
	}
}

@media(max-width:991px){
	#price{
	    min-height: 680px;
	}
	.sports-page .mlb {
		min-height: 680px!important;
	}

	.sports-page .nhl {
		min-height: 680px!important;
	}

	.sports-page .nfl {
		min-height: 760px!important;
	}

}


@media (max-width:960px) {
	.price-inner p {
		height: 60px
	}
	.nav>li {
		display: inline-block!important
	}
	nav.navbar {
		height: 170px
	}
	div#menu_nav {
		margin-top: -10px
	}
	section#price {
		margin-top: 170px!important
	}
}

@media (max-width:768px) {
	#price {
		min-height:700px;
	}
	.sports-page .mlb{
		min-height:680px!important
	}
	.how-to-sec h3 {
		font-size: 21px
	}
	.testimonil-head h1 {
		font-size: 34px;
		margin: 15px
	}
	#testimonials h3 {
		font-size: 28px
	}
	section.howto-play h1 {
		font-size: 34px
	}
}

@media (max-width:375px) {
	.video-play img {
		margin: 0;
		border: 1px solid #ececec;
	}
	.video-sec .video-icon {
		top: 31%
	}
	.banner-head h1 {
		font-size: 22px
	}
	.banner-head ul li {
		line-height: 34px;
		font-size: 16px
	}
	.testimonil-head h1 {
		font-size: 30px;
		margin: 20px
	}
}

@media (max-width:320px) {
	.video-sec .video-icon {
		top: 30%
	}
	.banner-head ul li {
		line-height: 27px;
		font-size: 14px
	}
	section.howto-play h1 {
		font-size: 31px
	}
	.how-to-sec h3 {
		font-size: 19px
	}
	.testimonil-head h1 {
		font-size: 26px;
		margin: 10px
	}
}

@media (max-width:414px) {
	.video-sec .video-icon {
		top: 27%
	}
	.banner-head h1 {
		font-size: 26px
	}
	.banner-head ul li {
		font-size: 18px
	}
	#price {
		min-height: 710px;
	}

	.sports-page .mlb {
		min-height: 710px!important;
	}
}

input[type=email]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
	font-family: Poppins
}

input[type=email]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder {
	font-family: Poppins
}

input[type=email]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
	font-family: Poppins
}

.buttonblackred,
.createAccbtn {
	font-weight: 600!important;
	font-family: Poppins!important;
	letter-spacing: .5px!important;
	margin-top: 15px!important;
	vertical-align: middle!important;
	display: inline-block!important;
	border: 1px solid #333!important
}

.buttonblackred {
	color: #ef473a!important
}

.buttonblackred:hover {
	background-color: #ef473a!important;
	color: #fff!important;
	box-shadow: 0 2px #222!important
}

.createAccbtn {
	color: #ef473a!important
}

#slide-nav #navbar>ul>li>a,
.landingFooter p {
	font-family: Poppins
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.createAccbtn:hover,
.open>.btn-primary.dropdown-toggle {
	background-color: #ef473a!important;
	color: #fff!important
}

.login-bg {
	background-color: #b11205!important;
	background: linear-gradient(rgba(23, 23, 23, .75), rgba(255, 0, 0, .64)), url(../img/register-bg.jpg)!important;
	background-size: cover!important;
	background-attachment: fixed!important
}

.panel-block {
	margin-top: 50px
}

.panel {
	margin-top: 25px
}

.forget,
.forgetEmail,
.forgetPassword,
.loder,
.login,
.passwordSuccess,
.register,
.successModal,
.validateUser,
.verified,
.verify {
	display: none
}

.has-error .form-control {
	border: 1px solid #e73d4a;
	border-right: none;
	border-left: none;
	border-top: none;
	box-shadow: none
}

.pad1 {
	margin-top: 5px;
	font-size: 12px
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #F5F5F5;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #F5F5F5
}

::-webkit-scrollbar {
	width: 10px
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-webkit-border-radius: 10px;
	border-radius: 10px
}

@-webkit-keyframes sheen {
	0% {
		-webkit-transform: rotateY(-45deg) translateX(0);
		transform: skewY(-45deg) translateX(0)
	}
	100% {
		-webkit-transform: skewY(-45deg) translateX(12.5em);
		transform: skewY(-45deg) translateX(12.5em)
	}
}

@keyframes sheen {
	0% {
		-webkit-transform: skewY(-45deg) translateX(0);
		transform: skewY(-45deg) translateX(0)
	}
	100% {
		-webkit-transform: skewY(-45deg) translateX(12.5em);
		transform: skewY(-45deg) translateX(12.5em)
	}
}

.btn-3 {
	padding: .75em 2em;
	text-decoration: none;
	xfont-size: .9em;
	display: inline-block;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: relative
}

.btnPadding {
	padding: .35em 2em
}

.btn-3:before {
	background-color: rgba(255, 255, 255, .5);
	height: 100%;
	width: 3em;
	display: block;
	position: absolute;
	top: 0;
	left: -4.5em;
	-webkit-transform: skewX(-45deg) translateX(0);
	transform: skewX(-45deg) translateX(0);
	-webkit-transition: none;
	transition: none
}

.btn-3:hover {
	background-color: #ea0009!important;
	color: #fff
}

.btn-3:hover:before {
	-webkit-transform: skewX(-45deg) translateX(30em);
	transform: skewX(-45deg) translateX(30em);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.animateHome:hover .middle {
	opacity: 1;
	transform: rotate(10deg)
}

img.image {
	border: .15em solid #ccc;
	border-radius: .2em;
	box-shadow: 0 0 .2em rgba(0, 0, 0, .6), 0 0 1.2em rgba(0, 0, 0, .4);
	position: relative
}

.middle {
	opacity: 0;
	transform-origin: 100% 100%
}

.front {
	position: absolute;
	top: 0;
	height: 378px
}

#imgAction.fullscreen,
#imgJoin.fullscreen,
#imgMake.fullscreen,
#imgStandings.fullscreen {
	z-index: 9999;
	width: 89%;
	position: fixed;
	top: 15%;
	left: 6%
}

.price-inner h2 {
	font-size: 32px
}

#imgJoin.fullscreen,
#imgMake.fullscreen {
	height: 76%
}

#imgAction.fullscreen {
	height: 80%
}

#imgStandings.fullscreen {
	height: 89%
}

.closeBtn {
	display: none;
	z-index: 99999999;
	font-size: 20px;
	top: 0;
	right: 0;
	position: absolute;
	color: #FFF;
	padding: 15px;
	background-color: #333;
	box-shadow: 0 0 10px #000
}

.closeBtn a {
	color: #fff
}

#joinBtn .modal-content {
	background-image: url(../img/lobby-ss.png);
	height: 426px!important;
	background-size: 100%;
	background-repeat: no-repeat
}

#joinBtn .modal-header {
	background: 0 0;
	border: none
}

#imgMakeState .modal-content {
	background-image: url(../img/make-statements.gif);
	height: 460px!important;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 889px!important
}

#imgMakeState .modal-header {
	background: 0 0;
	border: none
}

#btnAction .modal-content {
	background-image: url(../img/follow-your-action-ss.png);
	height: 489px!important;
	width: 889px!important;
	background-size: 100%;
	background-repeat: no-repeat
}

#btnAction .modal-header {
	background: 0 0;
	border: none
}

#actionImg .modal-content {
	background-image: url(../img/know-your-standings-ss.png);
	height: 460px!important;
	width: 889px!important;
	background-size: 100%;
	background-repeat: no-repeat
}

#actionImg .modal-header {
	background: 0 0;
	border: none
}

.sg-red {
	color: #ea0009
}

.welcomeTxt {
	line-height: 40px;
	margin-top: 90px
}

.modal-header .close {
	opacity: 1!important
}

.capitalize {
	text-transform: uppercase
}

@media (min-width:768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px
	}
}

.screen-port {
	xmin-height: 540px
}

@media screen and (max-width:1300px) {
	.middle {
		display: none!important
	}
	.front {
		position: inherit;
		top: auto
	}
	.promo {
		padding: 25px 0;
		margin-top: 15px
	}
	.price-inner p {
		height: 130px
	}
}

@media screen and (max-width:1125px) {
	.price-inner.front {
		height: inherit!important
	}
	.rc-anchor-normal {
		height: 74px;
		width: 290px!important
	}
	.col-md-3.price-block.text-center.animateHome {
		height: inherit!important;
		width: 50%;
		margin-bottom: 20px
	}
	.price-inner h2 br {
		display: none
	}
	.price-inner p {
		height: auto
	}
}

@media screen and (max-width:991px) {
	.col-md-3.price-block.text-center.animateHome {
		width: 100%;
		margin-bottom: 20px
	}
	#copyright p,
	.important-links,
	.promo .text-right {
		text-align: center
	}
	.copyright-block {
		margin-bottom: 10px
	}
	#copyright {
		background-color: #22252b;
		padding: 10px 0
	}
	.important-links {
		padding: 0!important
	}
}

@media (max-width:768px) {
	#imgMakeState .modal-content,
	#joinBtn .modal-content {
		background-size: 100%;
		background-repeat: no-repeat;
		height: 282px
	}
	button.navbar-toggle {
		z-index: 999;
		position: relative
	}
	#joinBtn .modal-content {
		background-image: url(../images/lobby-ss.png)
	}
	#imgMakeState .modal-content {
		background-image: url(../images/make-statements.gif)
	}
	#imgMakeState .modal-header {
		background: 0 0;
		border: none
	}
	#btnAction .modal-content {
		background-image: url(../images/follow-your-action-ss.png);
		height: 282px;
		background-size: 100%;
		background-repeat: no-repeat
	}
	#btnAction .modal-header {
		background: 0 0;
		border: none
	}
	#actionImg .modal-content {
		background-image: url(../images/know-your-standings-ss.png);
		height: 282px;
		background-size: 100%;
		background-repeat: no-repeat
	}
	.offcanvas:after {
		position: fixed;
		top: 0;
		width: 0;
		height: 0;
		background: 0 0!important;
		content: '';
		opacity: 0;
		-webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
		transition: opacity .5s, width .1s .5s, height .1s .5s;
		z-index: 99;
		left: 0
	}
}

@media screen and (max-width:960px) {
	nav.navbar {
		height: auto
	}
	img.logo {
		margin-top: 0
	}
	section#price {
		margin-top: 50px!important
	}
}

@media screen and (max-width:767px) {
	.lgnIn {
		position: relative;
		left: 0px
	}
	img.logo {
		xmax-width: 50%
	}
	#price .price-block .price-inner {
		padding: 30px
	}
	.col-md-3.price-block.text-center.animateHome {
		height: inherit!important
	}
}

.col-md-3.price-block.text-center.animateHome {
	height: 378px
}

.boxShd {
	border-radius: 2px!important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5)!important;
	transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1)!important;
	background: #fff!important;
	color: #000!important;
	margin-top: 20px
}

.boxShd h1 {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 0 0 7px;
	font-size: 20px;
	font-weight: 700
}

.watermark {
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: #FFF;
	height: 1.5em
}

.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px
}

.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa
}

@media screen and (max-width:528px) {
	#slide-nav #navbar>ul>li>a {
		font-size: 12px!important
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
		border-radius: 1px;
		display: block;
		height: 2px!important;
		width: 20px!important
	}
	#joinBtn .modal-content {
		background-image: url(../images/lobby-ss.png);
		height: 141px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
	#imgMakeState .modal-content {
		background-image: url(../images/make-statements.gif);
		height: 156px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
	#imgMakeState .modal-header {
		background: 0 0;
		border: none
	}
	#btnAction .modal-content {
		background-image: url(../images/follow-your-action-ss.png);
		height: 156px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
	#btnAction .modal-header {
		background: 0 0;
		border: none
	}
	#actionImg .modal-content {
		background-image: url(../images/know-your-standings-ss.png);
		height: 156px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
}

@media (max-width:768px) {
	#joinBtn .modal-content {
		height: 319px!important
	}
	#actionImg .modal-content,
	#btnAction .modal-content,
	#imgMakeState .modal-content {
		height: 356px!important
	}
}

@media (max-width:920px) and (min-width:764px) {
	#joinBtn .modal-content {
		background-image: url(../images/lobby-ss.png);
		height: 307px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
	#actionImg .modal-content,
	#btnAction .modal-content,
	#imgMakeState .modal-content {
		background-image: url(../images/lobby-ss.png);
		height: 322px!important;
		width: 695px!important;
		background-size: 100%;
		background-repeat: no-repeat
	}
}

.float-label-control {
	position: relative;
	margin-bottom: 15px
}

.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill {
	background-color: transparent!important;
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
	-moz-box-shadow: 0 0 0 1000px #fff inset!important;
	box-shadow: 0 0 0 1000px #fff inset!important
}

.float-label-control input,
.float-label-control label,
.float-label-control textarea {
	font-size: 14px;
	box-shadow: none;
	-webkit-box-shadow: none
}

.float-label-control input:focus,
.float-label-control textarea:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-bottom-width: 2px;
	padding-bottom: 0
}

.float-label-control textarea:focus {
	padding-bottom: 4px
}

.float-label-control input,
.float-label-control textarea {
	-webkit-text-fill-color: #555;
	color: #555!important;
	display: block;
	width: 100%;
	padding: .1em 0 1px;
	border: none;
	border-bottom: 1px solid #aaa;
	outline: 0;
	margin: 0;
	background: 0 0;
	box-shadow: none!important;
	border-radius: 0!important
}

.float-label-control textarea {
	padding: .1em 0 5px
}

.float-label-control label {
	position: absolute;
	left: 0;
	font-weight: 400;
	top: -1em;
	color: #aaa;
	z-index: -1;
	font-size: 12px;
	-moz-animation: float-labels .3s none ease-out;
	-webkit-animation: float-labels .3s none ease-out;
	-o-animation: float-labels .3s none ease-out;
	-ms-animation: float-labels .3s none ease-out;
	-khtml-animation: float-labels .3s none ease-out;
	animation: float-labels .3s none ease-out;
	animation-play-state: running!important;
	-webkit-animation-play-state: running!important
}

.float-label-control input.empty+label,
.float-label-control textarea.empty+label {
	top: .1em;
	font-size: 12px;
	animation: none;
	-webkit-animation: none
}

.float-label-control input:not(.empty)+label,
.float-label-control textarea:not(.empty)+label {
	z-index: 1
}

.float-label-control input:not(.empty):focus+label,
.float-label-control textarea:not(.empty):focus+label {
	color: #aaa
}

.float-label-control.label-bottom label {
	-moz-animation: float-labels-bottom .3s none ease-out;
	-webkit-animation: float-labels-bottom .3s none ease-out;
	-o-animation: float-labels-bottom .3s none ease-out;
	-ms-animation: float-labels-bottom .3s none ease-out;
	-khtml-animation: float-labels-bottom .3s none ease-out;
	animation: float-labels-bottom .3s none ease-out
}

.float-label-control.label-bottom input:not(.empty)+label,
.float-label-control.label-bottom textarea:not(.empty)+label {
	top: 3em
}

@keyframes float-labels {
	0% {
		opacity: 1;
		color: #e73d4a;
		top: .1em;
		font-size: 12px
	}
	20% {
		font-size: 12px;
		opacity: 0
	}
	30% {
		top: .1em
	}
	50% {
		opacity: 0;
		font-size: .85em
	}
	100% {
		top: -1em;
		opacity: 1
	}
}

@-webkit-keyframes float-labels {
	0% {
		opacity: 1;
		color: #e73d4a;
		top: .1em;
		font-size: 12px
	}
	20% {
		font-size: 12px;
		opacity: 0
	}
	30% {
		top: .1em
	}
	50% {
		opacity: 0;
		font-size: .85em
	}
	100% {
		top: -1em;
		opacity: 1
	}
}

@keyframes float-labels-bottom {
	0% {
		opacity: 1;
		color: #e73d4a;
		top: .1em;
		font-size: 12px
	}
	20% {
		font-size: 12px;
		opacity: 0
	}
	30% {
		top: .1em
	}
	50% {
		opacity: 0;
		font-size: .85em
	}
	100% {
		top: 3em;
		opacity: 1
	}
}

@-webkit-keyframes float-labels-bottom {
	0% {
		opacity: 1;
		color: #e73d4a;
		top: .1em;
		font-size: 12px
	}
	20% {
		font-size: 12px;
		opacity: 0
	}
	30% {
		top: .1em
	}
	50% {
		opacity: 0;
		font-size: .85em
	}
	100% {
		top: 3em;
		opacity: 1
	}
}

label.control-label.error {
	z-index: 10;
	position: static
}

.has-error .form-control:focus {
	border-color: #d71b29!important;
	border-right: none;
	border-left: none;
	border-top: none
}

.form-control:focus {
	xborder-color: #d71b29!important
}

@media screen and (max-width:1500px) {
	#rc-imageselect,
	.g-recaptcha {
		transform: scale(.85);
		-webkit-transform: scale(.85);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}
}

.panel-body input:not(.md-input-has-value) .panel-body input:not(:focus),
md-input-container:not(.md-input-has-value) input:not(:focus) {
	color: inherit!important
}

iframe .rc-anchor-normal iframe .rc-anchor-checkbox-label {
	width: 100px!important
}

iframe .rc-anchor-normal iframe .rc-anchor-content {
	height: 74px;
	width: 155px!important
}

iframe .rc-anchor-normal {
	height: 74px;
	width: 258px!important
}

iframe .rc-anchor-normal iframe .rc-anchor-pt {
	margin: 4px 13px 0 0;
	padding-right: 2px;
	position: absolute;
	right: -10px!important;
	text-align: left!important;
	width: 116px!important
}

.required-field {
	color: #f44336;
	margin-left: 5px
}

label.control-label.error {
	color: #ea0009!important;
	text-align: left
}

body,
html {
	height: 100%
}

.wrapperHeight {
	height: 100vh !important;
}

.contentViews {
	margin-top: 105px
}

.minView {
	min-height: 819px;
	margin-top: 100px
}

.socialBtn {
	color: #fff;
	padding: 0 15px 0 0!important;
	height: 30px;
	display: inline-block;
	text-transform: capitalize
}

.gplusBtn {
	background: #DD4B39
}

.fbBtn {
	background: #3b5998
}

.socialBtn i {
	background: rgba(0, 0, 0, .075);
	display: inline-block;
	padding: 0 4px 0 8px;
	margin-right: 8px;
	border-radius: 5px 0 0 5px;
	top: 0;
	line-height: 26px
}

.shortTerm {
	font-weight: 700;
	color: #ea0009
}

.corner-ribbon {
	width: 200px;
	background: #e43;
	position: absolute;
	top: 25px;
	left: -50px;
	text-align: center;
	line-height: 43px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #f0f0f0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.corner-ribbon.sticky {
	position: fixed
}

.corner-ribbon.shadow {
	box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.corner-ribbon.top-left {
	top: 0;
	left: -70px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 999
}

.corner-ribbon.top-right {
	top: 25px;
	right: -50px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.corner-ribbon.bottom-left {
	top: auto;
	bottom: 25px;
	left: -50px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.corner-ribbon.bottom-right {
	top: auto;
	right: -50px;
	bottom: 25px;
	left: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.corner-ribbon.white {
	background: #f0f0f0;
	color: #555
}

.corner-ribbon.black {
	background: #333
}

.corner-ribbon.grey {
	background: #999
}

.corner-ribbon.blue {
	background: #39d
}

.corner-ribbon.green {
	background: #2c7
}

.corner-ribbon.turquoise {
	background: #1b9
}

.corner-ribbon.purple {
	background: #95b
}

.corner-ribbon.red {
	background: #e43
}

.corner-ribbon.orange {
	background: #e82
}

.corner-ribbon.yellow {
	background: #ec0
}

.betaView {
	position: relative;
	top: 0!important;
	left: -5px
}

.videoPlays span.fa-stack.fa-2x {
	font-size: 26px
}

@media (max-width:519px) {
	#navbar,
	.videoPlays {
		z-index: 999
	}
	ul.important-links>li a {
		color: #fff;
		font-size: 12px!important
	}
	.landingFooter p {
		font-size: 12px;
		text-align: center!important
	}
	.landingFooter {
		padding: 8px 0 0!important;
		font-size: 12px!important
	}
	#jquery-script-menu {
		margin-top: -10px;
		margin-bottom: 0;
		width: 100%!important
	}
	.g-recaptcha {
		transform: scale(.58);
		-webkit-transform: scale(.58);
		-moz-transform: scale(.58);
		-ms-transform: scale(.58);
		-o-transform: scale(.58);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0
	}
	.price-inner h2 {
		font-size: 28px
	}
	.promo h3 {
		font-size: 20px
	}
	ul.important-links {
		font-size: 12px
	}
	.videoPlays {
		position: relative;
		top: 40px;
		text-align: left;
		float: left
	}
	.welcomeTxt {
		margin-top: 60px;
		font-size: 20px
	}
	#jquery-script-menu,
	.videoPlays span.fa-stack.fa-2x {
		font-size: 12px!important
	}
	#jquery-script-menu {
		position: relative!important;
		top: -40px!important;
		text-align: center!important
	}
	.videoPlays small.box-with-text {
		display: block!important
	}
	.corner-ribbon {
		width: 135px!important
	}
	.betaView {
		position: relative;
		top: 9px!important;
		left: 18px;
		font-size: 12px
	}
	img.logo {
		xposition: relative!important;
		xleft: 7px!important;
		xwidth: 215px!important
	}
	.playVideo i.fa.fa-play {
		left: 2px!important
	}
}

@media (max-width:1116px) and (min-width:768px) {
	#slide-nav #navbar>ul>li>a {
		font-size: 13px!important
	}
	img.logo {
		xwidth: 175px
	}
	.navbar-header.col-sm-4.col-md-4.col-xs-12 {
		width: 20%
	}
	#navbar {
		xwidth: 50%
	}
	.videoPlays span.fa-stack.fa-2x {
		font-size: 18px
	}
}

@media (max-width:767px) and (min-width:320px) {
	#slide-nav #navbar>ul>li>a {
		font-size: 12px
	}
	#jquery-script-menu {
		position: relative;
		top: 6px;
		text-align: right;
		right: 30px
	}
	img.logo {
		xposition: relative!important;
		xleft: 15px!important;
		xwidth: 190px
	}
	.videoPlays {
		text-align: center;
		margin-top: 0
	}
	.videoPlays span.fa-stack.fa-2x {
		font-size: 15px!important
	}
}

.sg-btn {
	font-size: 14px;
	color: #ea0009!important;
	border: 1px solid #333;
	background: #fff;
	border-radius: 0;
	padding: 4.5px 12px
}

.sg-btn:active,
.sg-btn:focus,
.sg-btn:hover {
	color: #fff!important;
	background-color: #ea0009!important;
	border-color: #333!important
}

.enqCatergory,
.enqTextarea {
	border: 1px solid #ccc!important
}

.enqCatergory {
	background: 0 0!important;
	cursor: pointer;
	font-size: 13px!important
}

.enqTextarea {
	padding: 15px!important
}

#fb-root {
	display: none
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px
}

.icon-background4 {
	color: #ef473a
}

.icon-background6 {
	color: transparent
}

.playVideo i.fa.fa-play {
	color: #fff;
	position: relative;
	left: 4px
}

.YouTubePopUp-Wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	z-index: 9999999999999
}

.YouTubePopUp-animation {
	opacity: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUp;
	animation-name: YouTubePopUp
}

@-webkit-keyframes YouTubePopUp {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes YouTubePopUp {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

body.logged-in .YouTubePopUp-Wrap {
	top: 32px;
	z-index: 99998
}

.YouTubePopUp-Content {
	max-width: 680px;
	display: block;
	margin: 0 auto;
	height: 100%;
	position: relative
}

.YouTubePopUp-Content iframe {
	max-width: 100%!important;
	width: 100%!important;
	display: block!important;
	height: 480px!important;
	border: none!important;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.YouTubePopUp-Hide {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: YouTubePopUpHide;
	animation-name: YouTubePopUpHide
}

@-webkit-keyframes YouTubePopUpHide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes YouTubePopUpHide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.YouTubePopUp-Close {
	position: absolute;
	top: 0;
	cursor: pointer;
	bottom: 528px;
	right: 0;
	margin: auto 0;
	width: 24px;
	height: 24px;
	background: url(../../assets/img/close.png) no-repeat;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-o-background-size: 24px 24px
}

.box-with-text,
.box-with-text-One {
	background-position: 0 0;
	-webkit-background-clip: text;
	background-size: 100% 50px;
	background-repeat: repeat;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	text-fill-color: transparent;
	color: #ef473a
}

.YouTubePopUp-Close:hover {
	opacity: .5
}

@media all and (max-width:768px) and (min-width:10px) {
	.YouTubePopUp-Content {
		max-width: 90%
	}
}

@media all and (max-width:600px) and (min-width:10px) {
	.YouTubePopUp-Content iframe {
		height: 320px!important
	}
	.YouTubePopUp-Close {
		bottom: 362px
	}
}

@media all and (max-width:480px) and (min-width:10px) {
	.YouTubePopUp-Content iframe {
		height: 220px!important
	}
	.YouTubePopUp-Close {
		bottom: 262px
	}
}

#jquery-script-menu {
	margin-bottom: -15px;
	position: relative;
	top: 6px
}

.box-with-text-One {
	font-size: 30px;
	font-size: 24px;
	background-image: -webkit-linear-gradient(#ea0009 50%, #333 50%);
	-webkit-animation: stripes 3s linear infinite;
	-moz-animation: stripes 3s linear infinite;
	-o-animation: stripes 3s linear infinite;
	animation: stripes 3s linear infinite
}

.box-with-text {
	font-size: 30px;
	background-image: -webkit-linear-gradient(#ea0009 50%, #fff 50%);
	-webkit-animation: stripes 3s linear infinite;
	-moz-animation: stripes 3s linear infinite;
	-o-animation: stripes 3s linear infinite;
	animation: stripes 3s linear infinite;
	font-weight: 700
}

@keyframes stripes {
	100% {
		background-position: 0 -50px
	}
}

#container .ui-widget-content {
	display: none!important
}

#slide-nav #navbar>ul>li>a {
	color: #FFF!important;
	line-height: 35px;
	padding: 0;
	text-transform: uppercase
}

.login-btn {
	background: #ef473a!important;
	box-shadow: 0 4px #cc4036
}

.landingViews {
	background: rgba(0, 0, 0, .82);
	color: #fff!important;
	cursor: inherit!important;
	padding: 10px 60px
}

.landingFooter {
	position: fixed!important;
	background-color: #22252b;
	padding: 10px 0 10px;
	width: 100%;
	bottom: 0
}

.landingFooter p {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-align: left
}

.staticBtns {
	cursor: auto!important
}

.channelLogos {
	margin: -15px 0 30px
}

.channelLogos a img {
	width: 65px;
	padding: 4px
}

@media only screen and (max-width:767px) {
	.channelLogos a img {
		width: 50px;
		padding: 4px
	}
	.betaTag {
		top: 62px!important
	}
}

@media(max-width:690px) {
	.betaTag {
		top: 79px!important
	}
	.welcome-page .container {
		width: 100%!important
	}
}

@media only screen and (max-width:520px) {
	.betaTag {
		width: 50px!important;
		position: relative!important;
		left: 15px!important;
		top: -25px!important
	}
}

a#btnMake,
a#followAction,
a#rankSelection {
	border: none!important;
	box-shadow: none!important;
	font-size: 18px!important
}

.margin40 {
	margin-bottom: 40px
}

.facebookBtns,
.gplusBtns {
	color: #fff!important;
	border-color: rgba(0, 0, 0, .2);
	xwidth: 80%;
	margin: 0 auto;
	xmargin-left: 30px;
	text-align: center
}

.betaTag {
	position: fixed;
	float: left;
	top: 70px;
	left: 18%;
	z-index: 9;
	width: 80px!important
}

.facebookBtns {
	background-color: #3b5998;
	xmargin-bottom: 15px
}

.gplusBtns {
	background-color: #4285F4
}

.scoialIcons {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, .2)
}

.resendLink a {
	color: #ea0009!important;
	cursor: pointer;
	font-weight: 500;
	text-decoration: underline
}

.welcome-page .container {
	width: 90%
}

.welcome-page img.logo {
	xmargin-top: -14px
}

.welcome-page .white-overlay::before {
	position: fixed!important
}

.admin-home .wrapperHeight {
	margin-top: 0;
	margin-bottom: 120px
}

.loginWrap .panel-default .panel-body,
.loginWrap .panel-default .panel-body .facebookBtns,
.loginWrap .panel-default .panel-body .gplusBtns {
	position: relative
}

.loginWrap .panel-default .panel-body .scoialIcons {
	padding: 0;
	font-size: 18px
}

@media(max-width:1199px) {
	.allSports .teamsView .form-group {
		width: 50%!important
	}
	.allSports .teamsView .teamBtns {
		margin-top: 15px;
		width: auto!important
	}
	#slide-nav #navbar>ul>li>a {
		font-size: 13px!important;
		padding: 0 12px;
		margin: 0!important
	}
}

@media(max-width:1030px) {
	#slide-nav #navbar>ul>li>a {
		font-size: 13px!important;
		padding: 0 12px!important;
		margin: 0
	}
	.welcome-page #navbar {
		width: 100%!important
	}
}

@media(max-width:1028px) {
	#navbar {
		width: 100%!important
	}
	.navbar-nav>li {
		width: 100%
	}
}

@media(max-width:1116px) {
	.welcome-page #navbar {
		width: auto!important
	}
}

@media(max-width:1030px) {
	.welcome-page #navbar {
		width: 100%!important
	}
}

@media(max-width:991px) {
	.allSports .teamsView .form-group select {
		width: auto!important;
		margin-left: 0
	}
	.allSports .teamsView .form-group label {
		margin-right: 5px
	}
	.login-sec .panel-block a img {
		width: 400px
	}
	.login-sec .panel-block a {
		width: 100%;
		text-align: center;
		display: inline-block
	}
}

@media(max-width:767px) {
	.navbar-nav>li:last-child {
		xpadding-left: 15px
	}
	.allSports .teamsView .form-group {
		width: 100%!important;
		left: 0
	}
	.allSports .teamsView .form-group select {
		width: 100%!important;
		margin-left: 0
	}
}

#slide-nav #navbar>ul>li>a {
	font-size: 16px;
	margin: 0 25px
}

.navBarInfo {
	margin-top: 16px
}

table.tblfff tr td {
	xcolor: #000!important;
	xbackground-color: #fff!important
}

.Days.started .measurements-number,
.Hours.started,
.Minutes.started,
.Seconds .measurements-text,
.Seconds.started,
.otherday.Hours,
.otherday.Minutes,
.otherday.Seconds,
.started,
.started .measurements-text,
.zeroday.Days {
	display: none!important
}

.zeroday {
	width: 35px;
	display: flex!important
}

.measurements-text {
	padding-left: 2px
}

.Days.otherday,
.Days.started {
	width: 75px;
	display: flex!important
}

.Days.started:before {
	content: "STARTED"
}

@media screen and (max-width:1028px) and (min-width:768px) {
	#slide-nav #navbar>ul>li:last-child {
		padding-left: 12px!important
	}
	#slide-nav #navbar>ul>li:last-child>a {
		padding: 0!important
	}
	#footer .contact-info a {
		font-size: 13px
	}
}

.welcome-page p {
	font-size: 15px
}

@media(max-width:519px) {
	.welcome-page .price-inner h2 {
		font-size: 28px
	}
}

.mrgtp125 {
	margin-top: 125px;
}

.mrgtp90 {
	margin-top: 90px;
}

.bg-intro::before {
	background-color: rgba(88, 85, 85, 0.52);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
}

.nfl {
	background: url(../img/nfl-banner.jpg) no-repeat !important;
	background-position: center top!important;
	background-size: cover !important;
	min-height: 740px!important;
	width: 100%;
	position: relative;
	background-attachment: fixed !important;
}

.nba {
	background: url(../img/nba-banner.jpg) no-repeat !important;
	background-position: center top!important;
	background-size: cover !important;
	min-height: 740px!important;
	width: 100%;
	position: relative;
	background-attachment: fixed !important;
}

.mlb {
	background: url(../img/mlb-banner.jpg) no-repeat !important;
	background-position: center top!important;
	background-size: cover !important;
	min-height: 740px!important;
	width: 100%;
	position: relative;
	background-attachment: fixed !important;
}

.nhl {
	background: url(../img/nhl-banner.jpg) no-repeat !important;
	background-position: center top!important;
	background-size: cover !important;
	min-height: 740px!important;
	width: 100%;
	position: relative;
	/* background-attachment: fixed !important; */
}

.nhl::before,
.mlb::before {
	background: #000;
	opacity: 0.3;
}

/* .mlb::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.6;
} */


.nba::before {
	background: #000;
	opacity: 0.5;
}

.sign-up-front::before {
	background-color: #fff;
	/* opacity: 0.5; */
	bottom: 0;
	left: 0;
	position: absolute;
	right: 1px;
	top: 0;
	content: "";
}

.sign-bg-img {
	width: 100%;
    height: 515px;
    position: relative;
}
.nfl-landing.sign-bg-img{background-image: none !important;}
.btn.btn-creat-acc.newbtn{ font-size: 20px !important; padding:7px 25px !important;}
.sign-up-front {
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.btn.btn-creat-acc-wht.newbtn{ font-size: 18px !important; padding:7px 25px !important;}

.signin-video {
	float: right;
	box-shadow: 0 0.5rem 1rem rgba(32, 150, 243, 0.3) !important;
	display: table-cell;
	float: none !important;
	vertical-align: middle;
}

.distblcel {
	display: table-cell;
	float: none !important;
}


/* .mlb::before{
    background: #000;
    opacity: 0.3;
} */

@media(max-width:576px) {
	iframe.frme-wdth {
		width: 100% ! important;
		min-height: 250px !important;
		margin: 40px auto;
	}
}


/**new-sign-sec**/

.gm-cancel-txt {
	position: absolute;
	z-index: 1;
	top: 200px;
	letter-spacing: 7px;
	background: #000000b3;
	width: 100%;
	padding: 5px;
	border-radius: 5px;
}

.endUserAppView {
	/* background: url(../img/end-user.jpg)!important; */
	background-size: cover !important;
	background-repeat: no-repeat;
	background-attachment: fixed !important;
}

.minhgt700 {
	min-height: 700px;
}

.new-sign-bg .landingFooter {
	position: static !important;
	background-color: #22252b;
	padding: 15px;
	width: 100%;
	bottom: 0;
	display: inline-block !important;
}

.fltnon {
	float: none !important;
	margin: 0 auto !important;
}

.new-sign-sec {
	padding-top: 80px;
	display: inline-block;
	width: 100%;
	padding-bottom: 100px;
}

.new-sign-sec.lg-sec {
	padding-top: 120px;
}

#slide-nav #navbar.signheader {
	width: auto !important
}

#slide-nav #navbar.signheader>ul>li>a {
	color: #fff !important;
}

.landingFooter.signland {
	position: fixed !important
}

.important-links {
	text-align: right !important
}

@media(max-width:1199px) {
	.new-sign-sec .signin-video iframe {
		width: 420px !important;
		height: 260px !important;
	}
	.landingFooter ul.important-links>li a {
		text-transform: uppercase!important;
		text-decoration: none;
		font-size: 12px;
	}
}

@media(max-width:1028px) {
	.endUserAppView {
		/* background: url(../img/end-user.jpg)!important; */
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-attachment: fixed !important;
		background-position: center !important;
	}
	#navbar {
		background: none !important;
	}
	#copyright p {
		padding-left: 0px !important;
	}
	.landingFooter p {
		text-align: center;
	}
	.important-links {
		text-align: center !important;
	}
	#slide-nav #navbar>ul>li:last-child {
		padding-left: 10px !important;
	}
	#slide-nav #navbar.signheader {
		width: 100% !important;
	}
	.navbar-nav>li {
		width: 100% !important;
		margin-bottom: 10px !important;
		background: none !important;
		box-shadow: none !important;
	}
	.newacc-btn {
		background: none !important;
		box-shadow: none !important;
	}
	#slide-nav #navbar>ul>li>a {
		padding: 0px 10px!important;
	}
}

@media(max-width:991px) {
	.new-sign-sec .signin-video iframe {
		width: 290px !important;
		height: 190px !important;
	}
	ul.important-links>li a {
		font-size: 12px;
	}
}

@media(max-width:767px) {
	#slide-nav #navbar.signheader {
		width: 100% !important
	}
	.landingFooter p {
		text-align: center;
	}
	#slide-nav #navbar>ul>li:last-child {
		padding-left: 0px !important;
	}
	.important-links {
		text-align: center !important;
	}
	.new-sign-sec.lg-sec {
		padding-top: 100px;
	}
	.login-bg {
		position: static !important;
		height: auto !important;
		overflow: hidden;
	}
	.new-sign-sec {
		padding-bottom: 50px;
	}
	.mbscrl {
		margin-bottom: 170px;
		margin-top: 60px;
	}
	.sign-up-front {
		display: inline-block;
		width: 100%;
		float: left !important;
	}
	.distblcel {
		display: inline-block;
		float: left !important;
		width: 100% !important;
	}
	.container.new-sign-sec {
		padding-bottom: 50px;
	}
	.signin-video {
		display: inline-block !important;
		float: left !important;
		vertical-align: middle;
		width: 100%;
	}
	.sign-bg-img {
		min-height: 430px !important;
	}
	.new-sign-sec .video-wrap.reveal i {
		margin-top: 0px !important;
	}
	.new-sign-sec .btn-im.video-sec {
		position: relative;
		top: 70px;
	}
	.new-sign-sec .signin-video iframe {
		width: 90% !important;
		height: 260px !important;
	}
}

.sports-page .container {
	width: 90% !important;
}

@media (max-width: 690px) {
	.sports-page .container {
		width: 100%!important;
	}
}

body.pop.modal-open {
	overflow-y: hidden ! important;
}


/* @media (max-width: 768px) {
    .table>tbody>tr.sponsor>td{
        background-color: #d4b3b0!important;
    }
} */

#navbar.login-nav {
	width: auto !important;
}

@media (max-width: 1024px) {
	.table>tbody>tr.sponsor>td {
		background-color: #d4b3b0!important;
	}
	#navbar.login-nav {
		width: 100% !important;
	}
	.banner-head ul li {
		xmargin: 0!important;
	}
}

.social i,
.social i.fa:before,
.social i.fa.fa-facebook-square:before {
	font-size: 12px !important;
	color: #fff !important;
	padding: 0 !important
}

.social .btn.facebookShareBtn,
.social .btn.facebookShareBtn:focus,
.social .btn.facebookShareBtn:hover,
.social .btn.facebookShareBtn:visited {
	margin-right: 0 !important
}

.social .btn {
	min-width: 80px !important
}

.loading-page .container {
	width: 90% !important;
}

.tphdr {
	font-size: 28px !important;
	line-height: 40px;
}

.fnt25 {
	font-size: 25px !important;
}

.fnt21 {
	font-size: 21px !important;
}

.lihgt30 {
	line-height: 30px;
}

.list-main .banner-head ul li.nbalist {
	margin-bottom: 20px !important;
	position: relative;
	padding-left: 25px;
	font-size: 18px !important;
}

.list-main .banner-head ul li.nbalist i {
	position: absolute;
	left: -10px;
	top: 6px;
}

.list-main .banner-head ul li.nbalist i:before {
	font-size: 18px !important;
	color: #fff !important;
	background-color: #f00;
	padding: 3px;
	border-radius: 50%;
}

.clrfff {
	color: #fff !important;
}

.video-otr {
	display: flex;
	align-items: center;
	margin: 60px 0;
}

.video-otr .video-sec {
	padding: 0 25px;
	margin: 30px 0;
}

.video-otr .banner-head {
	margin: 30px 0;
}

.btn-header {
	font-size: 16px;
	margin: 0 25px;
	text-decoration: none;
	color: #FFF!important;
	line-height: 35px;
	padding: 0;
	text-transform: uppercase;
	padding: 7px 20px !important;
	background: #ef473a!important;
	box-shadow: 0 4px #cc4036;
}

.btn-header:hover,
.btn-header:active,
.btn-header:focus {
	text-decoration: none;
}

.create-free a.btn-header {
	padding-left: 20px !important;
}

.howto-play .banner-head {
	display: flex;
	align-self: center;
	margin: 50px 0;
}

.howto-play ul {
	margin: 50px auto;
	text-align: left;
}

.howto-play .howplay {
	margin: 30px 0;
}

.create-free {
	margin-bottom: 60px;
	float: left;
	width: 100%;
}

.howto-play .create-free {
	margin-top: 60px;
}

.howto-play .banner-head ul li.nbalist {
	margin-bottom: 30px !important;
}

.howto-play .banner-head h1 {
	font-weight: bold;
}

.howto-play .system-bg {
	padding: 0 30px;
}

@media (min-width:768px) and (max-width:1024px) {
	.howto-play .banner-head,
	.video-otr {
		align-items: initial
	}
	.video-otr .video-sec {
		padding: 0 !important
	}
	.sports-page .howto-play .container {
		width: 100% !important
	}
}