/* ===================
----------------------
  Speedo Template
  Version: 1.1.2
----------------------- 
======================*/

html,
body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 500;
	color: #131313;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 18px;
	color: #878787;
	line-height: 2;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	text-align: center;
	margin-bottom: 50px;
}

.section-title h2 {
	padding-top: 10px;
	font-size: 36px;
	font-weight: bold;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 80px;
	padding-bottom: 80px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

.rating i {
	color: #fbb710;
}

.rating .is-fade {
	color: #e0e3e4;
}

/*---------------------
  Commom elements
-----------------------*/

/* buttons */
.site-btn {
	display: inline-block;
	text-align: center;
	font-size: 15px;
	color: #131313;
	padding: 16px 30px;
	min-width: 153px;
	border-radius: 50px;
	font-weight: 500;
	border: none;
	background: #3DBABE;
	cursor: pointer;
}

.site-btn.btn-sm {
	padding: 10px 30px;
	min-width: 163px;
}

.site-btn:hover {
	color: #131313;
}

.cata {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	padding: 6px 25px;
}

.cata.new {
	background: #ff205f;
}

.cata.strategy {
	background: #4eae60;
}

.cata.racing {
	background: #694eae;
}

.cata.adventure {
	background: #40abf5;
}

/* Preloder */
#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #fff;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*------------------
  Header section
---------------------*/

.header-section {
	background: #FFFFFF;
	clear: both;
	overflow: hidden;
	padding: 18px 0;
	border-bottom: 1px solid #e7e7e7e7;
}

.site-logo {
	display: inline-block;
	float: left;
	padding-top: 6px;
}

.user-panel {
	float: right;
	font-weight: 500;
	background: #ffb320;
	padding: 8px 28px;
	border-radius: 30px;
}

.user-panel a {
	font-size: 14px;
	color: #131313;
}

.main-menu {
	float: right;
	/*-----
	margin-right: 170px;
	-----*/
}

.main-menu ul {
	list-style: none;
}

.main-menu ul li {
	display: inline;
}

.main-menu ul li a {
	display: inline-block;
	font-size: 16px;
	color: #000;
	margin-left: 35px;
	font-weight: 500;
	padding: 10px 5px;
}

.main-menu ul li a:hover {
	color: #3DBABE;
	border-bottom:1px solid #3DBABE;
}

.header-btn {
	float: right;
	margin-right: 0;
}

.nav-switch {
	display: none;
}

/*------------------
  Hero Section
---------------------*/

.hero-slider .hs-item {
	height: 600px;
	display: table;
	width: 100%;
}

.hero-slider .hs-text {
	display: table-cell;
	vertical-align: middle;
}

.hero-slider .hs-text h2 {
	color: #000;
	font-weight: 400;
	font-size: 60px;
	margin-bottom: 30px;
	position: relative;
	top: -80px;
	opacity: 0;
}

.hero-slider .hs-text h2 span {
	color: #3DBABE;
}

.hero-slider .hs-text p {
	color: #000;
	margin-bottom: 30px;
	position: relative;
	top: -90px;
	opacity: 0;
}

.hero-slider .hs-text .site-btn {
	position: relative;
	top: -100px;
	opacity: 0;
	color:#fff;
	background:#3DBABE;
}

.hero-slider .owl-item.active .hs-item h2,
.hero-slider .owl-item.active .hs-item p,
.hero-slider .owl-item.active .hs-item .site-btn {
	top: 0;
	opacity: 1;
}

.hero-slider .owl-item.active .hs-item h2 {
	-webkit-transition: all 0.5s ease 1s;
	-o-transition: all 0.5s ease 1s;
	transition: all 0.5s ease 1s;
}

.hero-slider .owl-item.active .hs-item p {
	-webkit-transition: all 0.5s ease 0.8s;
	-o-transition: all 0.5s ease 0.8s;
	transition: all 0.5s ease 0.8s;
}

.hero-slider .owl-item.active .hs-item .site-btn {
	-webkit-transition: all 0.5s ease 0.6s;
	-o-transition: all 0.5s ease 0.6s;
	transition: all 0.5s ease 0.6s;
}

.hero-slider .owl-dots {
	position: relative;
	max-width: 1146px;
	margin: -33px auto 0;
	top: -67px;
	z-index: 5;
}

.hero-slider .owl-dots .owl-dot {
	display: inline-block;
	margin-right: 13px;
	width: 33px;
	height: 33px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding-top: 7px;
	border-radius: 40px;
	color:#000;
	background: #fff;
}

.hero-slider .owl-dots .owl-dot.active {
	color:#fff;
	background: #3DBABE;
}

/*---------------------
  Latest News section
-----------------------*/

.latest-news-section {
	overflow: hidden;
	display: block;
	clear: both;
	background: #131313;
	padding: 24px 0;
	position: relative;
}

.ln-title {
	position: absolute;
	height: 100%;
	width: 29%;
	left: 0;
	top: 0;
	text-align: right;
	padding-top: 24px;
	padding-right: 66px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: #3DBABE;
	z-index: 1;
}

.news-ticker {
	width: 71%;
	float: right;
	overflow: hidden;
	display: inline-block;
}

.news-ticker-contant .nt-item {
	margin-right: 35px;
	color: #fff;
	display: inline-block;
}

.news-ticker-contant .nt-item span {
	margin-right: 35px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	padding: 4px 20px;
}

.news-ticker-contant .nt-item span.new {
	background: #3DBABE;
}

.news-ticker-contant .nt-item span.strategy {
	background: #3DBABE;
}

.news-ticker-contant .nt-item span.racing {
	background: #3DBABE;
}

/*------------------
  package Section
---------------------*/


.pricing-divider {
border-radius: 20px;
background: #C64545;
padding: 1em 0 4em;
position: relative;
}
.blue .pricing-divider{
background: #2D5772; 
}
.green .pricing-divider {
background: #3DBABE; 
}
.new .pricing-divider {
background: #7FBF3F; 
}
.red b {
  color:#C64545
}
.blue b {
  color:#2D5772
}
.green b {
  color:#3DBABE
}
.new b {
  color:#7FBF3F
}
.pricing-divider-img {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 40px;
}
.deco-layer {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
.btn-red  {
  background:#C64545; color:#fff; border-radius:20px
}
.btn-blue  {
  background:#2D5772; color:#fff; border-radius:20px
}
.btn-green  {
  background:#3DBABE; color:#fff; border-radius:20px
}
.btn-new  {
  background:#7FBF3F; color:#fff; border-radius:20px
}

.img-float {
  width:50px; position:absolute;top:-3.5rem;right:1rem
}

.princing-item {
	transition: all 150ms ease-out;
	margin-bottom: 20px;
}
.princing-item:hover {
  transform: scale(1.05);
}
.princing-item:hover .deco-layer--1 {
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}
.princing-item:hover .deco-layer--2 {
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}


/*----------------------
  Features Section
------------------------*/

.features-section {
	background-color: #eef2f6;
	border-top: 1px solid #d6dee7;
	border-bottom: 1px solid #d6dee7;
}

#ts_features h2 {
	margin: 30px 0 20px;
}
.why_us_item{ padding-top: 55px;}
#ts_features .singleimg {
    border-radius: 100%;
    box-shadow: 0 0 0 10px #3DBABE, 0 0 0 20px #3dbabeab, 0 0 0 30px #3dbabe3b;
    padding: 35px;
    font-size: 45px;
}

.why_us_item > h4 {
	font-size: 20PX;
	margin: 60px 0 20px;
}

/*----------------------
  server Section
------------------------*/
.server-section{
	background-color: #ffff;
	padding-top:90px;
	height:600px;
	overflow:hiddden;
}
.server_item {
	padding: 5px;
	overflow:hiddden;
}
/*--------------
contact section
---------------*/
#ts_contact{
	background-color: #eef2f6;
	border-top: 1px solid #d6dee7;
	border-bottom: 1px solid #d6dee7;
	overflow:hiddden;
}
.contact-form{
    width: 100%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form {
	padding: 10px 50px 70px 50px;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #3DBABE;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}


/*----------------------
  Footer top Section
------------------------*/

.footer-top {
	background:#ffff;
	padding:70px 0px;
	overflow: hidden;
}
.sectionh2{
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 2px solid #EEF2F6;
	padding-bottom: 10px;
}
.foot_section h2 {
	padding-top: 10px;
	font-weight: bold;
	font-size: 32px;
	color: #3DBABE;
}
.foot_section h4 {
	font-size: 25px;
	font-weight: bold;
	color: #0E0D0D;
	padding-top: 10px;
}
.foot_section p {
	font-size: 16px;
	font-weight: bold;
	color: #0E0D0D;
	line-height: 10px;
	padding-top: 10px;
}

.social {
	margin-top: 30px;
}
.social a{}
.social i {
	width: 35px;
	height: 35px;
	border-radius: 50px;
	color: #fff;
	padding: 10px 0px;
	margin-right: 2px;
}
.face{
	background:#5883C0;
}
.rss{
	background:#F3B25B;
}
.twit{
	background:#63BEE0;
}
.dribb{
	background:#E9A0C4;
}
.pinter{
	background:#D35051;
}
.linkd{
	background:#0077B5;
}
.footersection{
	background:#2C2C2C;
	padding:30px 0px;
}
.footersection p{
	color:#E0E0E0;
	font-size:14px;
	margin-bottom:0px;
}
/*----------------------
  Footer Section
------------------------*/

.footer-section {
	padding: 18px 0 16px;
	overflow: hidden;
	background-color: #eef2f6;
	border-top: 1px solid #d6dee7;
	border-bottom: 1px solid #d6dee7;
}

.copyright {
	margin-bottom: 0;
	color: #000;
	font-weight:bold;
}
.copyright span{
	color:#3DBABE;
}


/*------------------
  Responsive
---------------------*/

@media (min-width: 1200px) {
	.container {
		max-width: 1176px;
	}
}

/* Medium screen : 992px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu {
	margin-right: 10px;
}
	.hero-slider .owl-dots {
		max-width: 930px;
	}
	
}

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.site-logo {
		max-width: 130px;
	}
	.main-menu {
		margin-right: 0px;
	}
	.main-menu ul li a {
		margin-left: 10px;
	}
	.ln-title {
	font-size: 16px;
	padding-right:40px;
	}
	.hero-slider .hs-text h2 {
		font-size: 50px;
	}
	.hero-slider .owl-dots {
		max-width: 690px;
	}
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
	p {
	font-size: 15px;
	}
	h2 {
	font-size: 30px;
	}
	.section-title h2 {
		font-size: 30px;
	}
	.header-section {
		overflow: visible;
		padding: 23px 0;
	}
	.header-section .container {
		position: relative;
	}
	.site-logo {
		float: none;
		padding-top: 0;
	}
	.main-menu {
		display: none;
		position: absolute;
		top: calc(100% + 24px);
		left: 0;
		width: 100%;
		background: #ffffff;
		z-index: 999;
	}
	.main-menu ul li {
		display: block;
		border-bottom: 1px solid #ececec;
	}
	.main-menu ul li a {
		margin-left: 0;
		color: #131313;
		padding: 13px 26px;
	}
	.nav-switch {
		color: #3DBABE;
		display: block;
		float: right;
		cursor: pointer;
		font-size: 25px;
	}
	.hero-slider .hs-item {
		height: 700px;
	}
	.hero-slider .hs-text h2 {
		font-size: 36px;
	}
	.hero-slider .owl-dots {
		max-width: 510px;
	}
	.ln-title {
	padding-right: 5px;
	font-size: 14px;
	}
	.foot_section h2 {
	font-size: 30px;
	}
	.copyright {
		float: none;
	}
	.copyright {
	padding-top: 15px;
	font-size: 13px;
	}
	
}

/* Medium Mobile :480px. */

@media only screen and (max-width: 576px) {
	.hero-slider .owl-dots {
		padding: 0 15px;
	}
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
	.section-title h2 {
	font-size: 20px;
	}
	p {
	font-size: 14px;
	}
	h2 {
	font-size: 20px;
	}
	.hero-slider .hs-item {
		height: auto;
		padding: 150px 0;
	}
	.ln-title {
		display: none;
	}
	.news-ticker {
		width: 100%;
	}
	.tournament-item .ti-thumb {
		width: 100%;
		height: 230px;
		float: none;
	}
	.tournament-item .ti-text {
		padding-left: 0;
		padding-top: 20px;
	}
	.latest-blog .lb-item .lb-thumb {
		width: 55px;
		height: 55px;
	}
	.latest-blog .lb-item .lb-content {
		padding-left: 67px;
	}
	.top-comment .tc-item .tc-content {
		padding-left: 85px;
	}
	.site-btn {
		padding: 11px 30px;
		min-width: 145px;
	}
	.comment-list .comment .comment-avator {
		float: none;
	}
	.comment-list .comment .comment-content {
		padding-left: 0;
		padding-top: 20px;
	}
	.footer-widget {
		padding: 40px 15px 7px;
	}
	.page-info-section .pi-content h2 {
		font-size: 40px;
	}
	.foot_section h2 {
	font-size: 20px;
	}
	.foot_section h4 {
	font-size: 16px;
	}
	.foot_section p {
	font-size: 15px;
	line-height: 24px;
	padding-top: 0px;
	}
	.copyright {
	padding-top: 15px;
	font-size: 10px;
	}
}
#scrolltoup {
	background: #3DBABE;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	cursor:pointer;
}
#scrolltoup i {
	color: #fff;
	padding: 10px 11px;
	font-size: 30px;
}