/*!
Theme Name: BestTransAppTheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: besttransapptheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

body {
	margin: 0;
}


.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.titillium-web-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.titillium-web-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.titillium-web-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}

img{max-width:100%;height:auto;}
body{ background:#fdf5f5;font-size:16px;    font-family: "Titillium Web", sans-serif; font-weight: 400; font-style: normal;}	 
b,strong{font-weight:700;}


.wrapper{width:95%;max-width:1220px;margin:0 auto;}
.banner{background-color:#3e1a46;background-size:cover;position:relative;}

.logo{max-width:400px;padding-left:40px;}
.logo a{display:block;}
.top-section{position:absolute;z-index:2;width:100%;}
.bannerbg{position:relative;z-index:1;}
.purple{color:#f763bf;}
.ht{  font-family: "League Spartan", sans-serif;}
.header-text1{ padding-left:45px;padding-top:50px;color:#fff;width:70%;}
.header-text2{ padding-top:80px;padding-left:90px;width:95%;}
.header-text1 h1{font-size:50px;color:#fff;font-weight:700;}
.header-text1 p.subheader {font-size:22px;}
.centered{text-align:center;}
.pgtitle{color:#353535;padding-top:30px;}
.pgtitle h2{font-weight:700;}
.dp{color:#a45a69;}
.singlepage{padding:20px 15px;}
.ht{margin-top:0px;}
.lastupdate{color:#636363;text-align:center;margin:0 auto;font-size:16px;font-weight:500;}
.sitelogo{text-align: center;
  vertical-align: middle;
  max-width: 250px;
  margin: 0 auto;
  padding-top: 35px;}


.sitewraps{padding-top:20px;padding-bottom:20px;}
.sitecon{padding:30px;margin-top: -25px;border-radius: 20px;}
.sodd{background:#d5c88c;}
.seve{background:#c9c7db;}
.ratenum{padding-left:20px;}
.ratenum span{font-size:24px; color:#fff;}
.ratenum span.subdesc{font-size:20px; color:#353535;padding-left:40px;}
.sidebutton .btn:hover{color:#fff;}
.rtnum{position: absolute; z-index: 2; padding-left: 25px;

  font-weight: 700;
  padding-top: 8px; }
.ratenum img {position:relative;z-index:1;}
.sitedesc{display:flex;padding-top:20px;color:#000000;font-size:18px;font-weight:700;}
.sitedesc ul{list-style:none;margin:0 0 0 0;padding:10px 0 0 0px;}
.ratedesc{display:flex;padding-top:10px;text-align:center;padding-left:30px;}
.rating{font-size: 70px;
  font-weight: 800;}
.sitedesc ul li{background:url(src/images/check.webp) top left no-repeat;padding-left:35px;}
.sidebutton{padding-top:60px;}
.sidebutton .btn{font-size:18px;background:#3e1a46; border-radius:20px;padding:8px 18px;color:#fff; font-weight:900;text-transform:uppercase;}

.header-text3 p.subheader {color:#636363;font-size:18px;}
.header-text3 h1 {color:#a45a69;font-size:30px;}

.footer-con{background:#3e1a46;padding:20px 15px;}
.flogo{text-align:center;}
.ftext{color:#ffffff;padding-top:10px;}
.hbar{vertical-align:top;}
.mobtext .header-text1 h1{color:#353535;font-size: calc(1.325rem + .9vw);}
.mobtext .header-text1{
	color:#636363;
	width:95%;margin:0 auto;
}
.mobtext .header-text1 p.subheader {
  font-size: 18px;
}
@media only screen and (min-width: 400px) and (min-width: 600px){}  







@media only screen and (max-width: 1139px) {
	.wrapper{width:100%;}
	.sidebutton{position:absolute;}
	.sitewraps{padding: 20px 15px;}
	.sidebutton .btn {font-size: 16px;padding: 8px 15px;font-weight: 800;margin-left: 9px;}
	.header-text1 h1{font-size:40px;}
}
@media only screen and (min-width: 993px) and (max-width: 1080px) {
	.header-text2 h1{font-size:28px;}
	.header-text3 h1{font-size: 32px;}
}
@media only screen and (max-width: 992px) {
	.sidebutton{position:relative;margin:0 auto;display:table;}
	.header-text1 h1{font-size:34px;}
	.header-text2 h1{font-size:28px;}
	.header-text3{width:100%;padding-left:15px;}
	.header-text3 h1{padding-left:15px;}
	.header-text1{padding-left:0px;}
	.header-text1 h1{padding-left:15px;}
	.header-text2 h1{padding-left:0px;}
.mobtext .header-text3,.mobtext .header-text1 h1,.mobtext .header-text3{padding-top:0px;padding-left:0px;}
.ftext{text-align:center;}
}
@media only screen and (min-width: 801px) and (max-width: 992px) {
	.header-text2{padding-top:10px;padding-left:0px;}
	.header-text2 p.subheader{font-size:20px;}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
		.header-text2{padding-top:10px;padding-left:0px;}
	.header-text2 p.subheader{font-size:18px;}
}

@media only screen and (max-width: 767px) {
	
	.header-text1 h1{font-size:28px;}
	.logo{padding-left:15px;}
	.header-text1{padding-left:0px;padding-top:20px;}
	.header-text3{width:100%;padding-left:15px;}
	.header-text3 h1{padding-left:0px;}
	.sitelogo{max-width:300px;margin:0 auto;padding-top:25px;}
	.ratedesc{display:table;padding-left:0px;margin:0 auto;}
	.sitecon {	padding: 0px 20px 20px 20px;}
	.sitedesc{padding-top:0px;}

}
@media only screen and (min-width: 676px) and (max-width: 767px) {
	.header-text2 p.subheader{font-size:16px;}
	.header-text2 h1{font-size:22px;}
	.header-text3{padding-top: 40px;}
	.header-text3 h1{font-size: 38px;}
	
}
@media only screen and (min-width: 577px) and (max-width: 675px) {
	.header-text2 p.subheader{font-size:14px;}
	.header-text2 h1{font-size:20px;}
	.header-text3{padding-top: 30px;}
	.header-text3 h1{font-size: 36px;}
}
@media only screen and (min-width: 401px) and (max-width: 576px) {
	.header-text1 h1{font-size:20px;}
	.sitewraps{padding: 20px 10px;}
	.ratenum{padding-left:0px;}
	.rtnum{padding-top: 3px;padding-left: 20px;}
	.ratenum img{max-width:375px;}
	.ratenum span.subdesc{font-size:16px;padding-left:16px;}
	.header-text2{padding-top:10px;}
	.header-text2 p.subheader{font-size:14px;}
	.header-text3{padding-top: 20px;}
	.header-text3 h1{font-size: 26px;}
.header-text2 h1{font-size:34px;padding-top:20px;}
}
@media only screen and (max-width: 440px) {

}

@media only screen and (max-width: 400px) {
	.logo{max-width:250px;}
	.ratenum span.subdesc{font-size:14px;padding-left:16px;}
	.rtnum{padding-top: 2px;padding-left: 15px;}
	.ratenum{padding-left:5px;}
	.header-text2 h1{font-size:34px;padding-top:20px;}
	.header-text3 h1{font-size:24px;}
}