@font-face {
  font-family: AmazDooMRight;
 src: url('fonts/AmazDooMRight.ttf');
}
@font-face {
  font-family: Lato;
 src: url('fonts/Lato-Regular.ttf');
}

@font-face {
  font-family: Montserrat;
 src: url('fonts/Montserrat-Regular.ttf');
}
@media (min-width: 992px){
.welcome-message {
    padding: 10.6em 0;
}}
.emailCont{
	/* border: 2px solid red; */
	background: #0000005c;
	width: 320px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	border-radius: 30px;
	height: 200px;
	
}
.emailCont h3{
	color: white;

}
.emailCont p{
	color: white;
}
.hero-section {
    background: url(img/home-ban.png) center center no-repeat;
    background-size: cover;
    position: relative;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
.home-center {
    padding-top: 100px;
}
.navbar-default .navbar-nav > li > a {
    color: #c29df9;
    font-size: 30px;
    font-weight: 200;
    padding: 10px 35px;
    font-family: AmazDooMRight;
}
#feature {
    background-image: url(img/fet.png);
    background-size: 100%;
    background-position: left;
    z-index: -2;
    padding-top: 120px;
    padding-bottom: 234px;
    position: relative;
    margin-top: -273px;
}
.headimg {
    width: 300px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.step1 {
    width: 382px;
    position: relative;
    bottom: 91px;
}
.featuretxt h4 {
    color: #e0a302;
    font-size: 35px;
    font-weight: 600;
	font-family: Lato;
    text-align: center;
}
.featuretxt p {
    color: white;
    text-align: center;
    font-size: 18px;
	    font-family: Lato;
}

.team-details .owl-theme .owl-controls .owl-buttons div {
    border-radius: 4px;
    background: transparent;
    opacity: 1;
    font-size: 54px;
    transition: all 0.3s ease-in-out;
    color: #31aff5;
    border: 1px solid #31aff500;
}

#about-6 {
    background-image: url(img/feature.png);
    background-size: contain;
    padding-top: 240px;
    background-repeat: no-repeat;
    margin-top: -184px;
    position: relative;
	padding-bottom: 330px;
}
.team-details img {
    width: 90%;
    height: auto;
}
.flex-column-1 {
    width: 57%;
    color: white;
    padding: 26px 30px 10px 30px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgb(250 141 0), 0 6px 49px 0 rgb(250 141 0);
    border-radius: 37px;

    margin: -38px auto;
    background-color: #000000a8;
}
.flex-column-1 p {
    color: white;
    font-size: 14px;
}
.owl-carousel .owl-item {
    float: left;
    height: 757px;

}
.team-details h5 {
    margin: 36px 0 0;
    font-size: 20px;
    font-weight: bold;
    color: #ec8c12;
}
#reviews-2 {
    background-image: url(img/back-tesi.png);
    background-size: 100%;
    margin-top: -150px;
    background-repeat: no-repeat;
    padding-top: 179px;
    position: relative;
    padding-bottom: 94px;
}

#reviewtxt img {
    width: 300px;
    height: auto;
    padding-top: 50px;
    border-radius: 0;
}
.gametxt {
    width: 50%;
}
.review-2 {
    background-image: url(img/tes-bacj.png);
    background-size: 100%;
    height: 499px;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 57px;
}

.testimonial-avatar {
    padding-top: 41px;
}
.testimonial-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.review-txt p{
	color: white;
    font-size: 12px;
    width: 50%;
    margin: auto;
}
.review-author h5{
	color:white;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffb400;
}
#contacts-2 {
       background-image: url(img/contactimg.png);
    margin-top: -160px;
    padding-bottom: 50px;
    background-position: center;
    padding-top: 200px;
    background-size: 100% 144%;
}
.social li .a-twitter:hover {
    background: #fee543;
    color: #fff;
    border-color: #fee543;
}
.social li .a-facebook:hover {
    background: #fee543;
    color: #fff;
    border-color: #fee543;
}
.social li .a-google-plus:hover {
    background: #fee543;
    color: #fff;
    border-color: #fee543;
}
button{
	background-color: #f0f8ff00;
    border: 0px;
}
button img{
	width: 260px;
}
.section-title {
    margin-bottom: 2.5rem;
}
.contacttxt1 h4 {
    color: #ffff2d;
    text-shadow: 2px 2px 4px #000000;
    font-size: 40px;
}
.contacttxt1 p {
    color: #ffff2d;
    text-shadow: 2px 2px 4px #000000;
    font-size: 25px;
}
.contacts-section .form-holder {
    position: relative;
}
.contact-form .form-control {
    height: 52px;
    background-color: #fff;
    border: 2px solid #ccc;
    color: #333;
    font-size: 18px;
	border:0px;
    font-weight: 600;
    padding: 0 20px;
    margin-bottom: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 40px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.home-center h3 {
    color: #f7d035;
    text-shadow: 2px 2px 4px #000000;
    font-size: 25px;
	text-align:left;
}.btngetlink {
    width: 250px;
}
.top-input {
    width: 50%;
    height: 50px;
    padding-left: 10px;
	float:left;
	margin-top:20px;
    border-radius: 7px;
    border: 0;
}
.features, .cta, .pricing, .trusted-clients, .site-footer {
    background-color: #372164!important;
}
.step11 {
    border: 4px solid #ca7800;
    box-shadow: 0 2px 6px 0 rgb(250 141 0), 0 2px 31px 0 rgb(250 141 0);
    border-radius: 74px;
    padding: 20px;
    height: 350px;
}
.step22{
	    border: 4px solid #ca7800;
    box-shadow: 0 2px 6px 0 rgb(250 141 0), 0 2px 31px 0 rgb(250 141 0);
    border-radius: 74px;
    padding: 20px;
	 height: 350px;
}
.step22 img{
	 width: 100%;
    position: relative;
    bottom: 82px;
}
.step33{
	    border: 4px solid #ca7800;
    box-shadow: 0 2px 6px 0 rgb(250 141 0), 0 2px 31px 0 rgb(250 141 0);
    border-radius: 74px;
    padding: 20px;
	 height: 350px;
}
.step33 img{
	    width: 100%;
    position: relative;
    bottom: 49px;
}

@media (min-width: 992px){
.how-it-works .row:not(:last-child) {
    margin-bottom: 9.5em;
}}
@media (min-width: 992px){
.section-spacing {
    padding: 30px 0px 0px 0px;
}}
@media (min-width: 768px){
.site-footer > .container > .row:first-child {
    margin-bottom: 32px;
    padding-bottom: 0;
	border-bottom: 0px solid #eeeff0;
}}
.foot a{
	font-family: AmazDooMRight;
    font-size: 22px;
    font-weight: 200;
	    letter-spacing: 2px;
    color: #fee543;
}
@media (min-width: 992px){
.site-footer .social {
    text-align: left;
}}
.social li a {
    display: block;
    background: #fee543;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #c1c6c8;
    color: #14a6e0;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.social fa{
color:white;
}
i.fa.fa-facebook {
    color: #372164;
}
i.fa.fa-twitter {
    color: #372164;
}
i.fa.fa-instagram {
    color: #372164;
}
.contacttxt {
    width: 260px;
    position: relative;
    top: 270px;
    left: 27px;
}
.slider-social {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
.animated-wrap{
	margin-top:25px;
}
.animated-element {
    background-color: white;
    padding: 7px 10px 11px 10px;
    border-radius: 69px;
}
.team-details .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: #30a7e900;
    color: #fff;
}
input:focus{
	outline: none;
}
#mobhide {
    display: block;
}

#deskhide{
        display: none;
}
@media only screen and (max-width: 480px) {
	 #mobhide{
        display: none;
    }
   #deskhide{
        display: block;
    }
	.home-center {
		padding-top: 0px;
	}
	#contacts-2 {
		background-image: url(img/mobcon.png);
		margin-top: 0;
		padding-bottom: 46px;
		background-position: center;
		padding-top: 58px;
		background-size: 100% 144%;
	}
	.section-spacing {
		padding: 2.5em 0;
	}
	.site-footer > .container > .row:first-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0px solid #eeeff0;
	}
	#reviews-2 {
		background-image: url(img/mobi-review.png);
		background-size: 100%;
		margin-top: 0;
		background-repeat: no-repeat;
		padding-top: 61px;
		position: relative;
		padding-bottom: 94px;
	}
	.review-2 {
		background-image: url(img/tes-bacj.png);
		background-size: 100%;
		height: 361px;
		width: 100%;
		position: relative;
		background-repeat: no-repeat;
		text-align: center;
		margin-bottom: 0;
	}
	.review-txt p {
		color: white;
		font-size: 10px;
		width: 52%;
		margin: auto;
	}
	#feature {
		background-image: url(img/termback.png);
		background-size: 100%;
		 background-position: inherit;
		z-index: -2;
		padding-top: 32px;
		padding-bottom: 234px;
		position: relative;
		margin-top: -89px;
	}
	.toplogo {
		width: 50%;
	}
	.step1 {
		width: 382px;
		position: initial;
	}
	.step11 {
		border: 0px solid #ce7c01;
		box-shadow: 0 0px 0px 0 rgb(0 0 0), 0 0px 0px 0 rgb(250 141 0);
		border-radius: 0;
		padding: 10px;
		height: auto;
	}
	.step22 {
		border: 0px solid #ce7c01;
		box-shadow: 0 0px 0px 0 rgb(0 0 0), 0 0px 0px 0 rgb(250 141 0);
		border-radius: 0;
		padding: 10px;
		height: auto;
	}
	.step22 img {
		width: 100%;
		position: initial;
	}
	.step33 {
		border: 0px solid #ce7c01;
		box-shadow: 0 0px 0px 0 rgb(0 0 0), 0 0px 0px 0 rgb(250 141 0);
		border-radius: 0;
		padding: 10px;
		height: auto;
	}
	.step33 img {
		width: 100%;
		position: initial;
	}
	#about-6 {
		background-image: url(img/feature.png);
		background-size: cover;
		padding-top: 238px;
		background-repeat: no-repeat;
		margin-top: -184px;
		background-position: center;
		position: relative;
		padding-bottom: 13px;
	}
	.gametxt {
		width: 90%;
	}
	.home-center h3 {
		color: #f7d035;
		text-shadow: 2px 2px 4px #000000;
		font-size: 25px;
		text-align: center;
	}
	.contacttxt1 h4 {
		color: #ffff2d;
		text-shadow: 2px 2px 4px #000000;
		font-size: 30px;
	}
	.contacttxt1 p {
		color: #ffff2d;
		text-shadow: 2px 2px 4px #000000;
		font-size: 18px;
	}
	.contact-form .form-control {
		height: 52px;
		background-color: #fff;
		border: 2px solid #ccc;
		color: #333;
		font-size: 18px;
		margin-left: 10px;
		margin-right: 35px;
		font-weight: 600;
		width: 93%;
		padding: 0 20px;
		margin-bottom: 24px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 40px;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;
	}
	.mobile-nav-overlay {
		position: fixed;
		background: rgb(8 8 8 / 98%);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all .35s;
		overflow: hidden;
		z-index: 15;
		display: none;
	}
	.mobile-nav-overlay ul li a {
		display: block;
		font-size: 35px;
		position: relative;
		color: #fa8d00;
		text-decoration: none;
		overflow: hidden;
		font-family: AmazDooMRight;
	}
	.navbar-nav .active .fa-times {
		display: block;
		color: #ffffff;
	}
	.navbar-nav #toggle {
		z-index: 100;
		cursor: pointer;
		background-color: #fa8d00;
		width: 54px;
		height: 50px;
		padding: 10px;
		border-radius: 52%;
		margin-right: 20px;
	}
	.welcome-message {
		padding: 3.5em 15px 9em;
	}
	.navbar-nav .fa-2x {
		font-size: 31px;
		color: #1e1032;
	}

  .team-details h5 {
    font-size: 15px!important;
  }

  .mobileimg img {
    height: 300px!important;
  }

  .flex-column-1 {
    min-height: 370px;
  }
}
@media only screen and (min-width: 1440px) {
	#feature {
		background-image: url(img/fet.png);
		background-size: 100%;
		background-position: left;
		z-index: -2;
		padding-top: 204px;
		padding-bottom: 234px;
		position: relative;
		margin-top: -383px;
	}
	#contacts-2 {
		background-image: url(img/contactimg.png);
		margin-top: -226px;
		padding-bottom: 50px;
		background-position: center;
		padding-top: 200px;
		background-size: 100% 144%;
	}
}
@media (min-width: 992px){
.col-md-pull-6 {
    right: 50%;
    top: 60px;
}}