@import url('https://fonts.googleapis.com/css2?family=Muli:ital@1&display=swap');
body {color:#000; font-family: Muli,sans-serif; font-size:16px; font-weight:400; line-height:1.7;}

h1,h3,h4,p,input,label,li{font-family: Muli,sans-serif;}
h4{font-size:1.5em; font-weight:700;} .afeature h4{margin:32px 0px; font-style:italic;}.afeature h4 img {vertical-align: top !important;}

/*header {margin-left:10%;margin-right:10%;display:grid;grid-template-columns:50% 35% 15%}
header img {max-width:500px}*/
p {margin:revert !important;} 

.container {max-width:100% !important; width:100% !important; padding:0 10%;} 

 
#logoimage{padding:10px 0;}
.partner {margin-left:auto;}
.partner > div {margin-top:10px;}
.partner > div img {height:75px;}
.partner h1 {margin:0px;font-size:32px !important; font-weight:700;} .partner h1 img,#sidebullets div img{vertical-align:inherit !important;}

#topBanner{padding-left:10%;padding-right:10%;height:600px;display:grid;grid-template-columns:50% 50%}
#vidback video{width: 100%;height:640px;position: absolute;object-fit: cover;z-index: -9;background-image:url('../images/aky.webp');background-attachment: fixed;background-size:cover;}


.mob-bnr {display:none;}

#bingpartner {padding-top:10px; text-align:right; padding-right:15px;}
label{color:white;}
input,textarea{width:100%;padding:8px;margin:6px;margin-left:0px;border:0px;border-radius:3px;-webkit-appearance: none;} input{height:36px !important;}  textarea{height:100px !important;}  
#introText{padding-top:16%;padding-left:5%;background-color:rgba(0,0,0,0.4)}
#introText h1{font-size:3em;color:white}
#introText p{font-size:1.8em;color:white;line-height:1.5em;padding-right:20px}
#form{background-color:rgba(26,41,62,0.8); height:100%;}
form {height:100%}
fieldset{border:0px;margin-left:auto;margin-right:auto;width:73%; padding-top:5px; padding-bottom:20px;}
input[type=submit],input[type=button]{background-color:#5db3ff;border:0px;border-radius: 3px;font-size:1.5em;cursor:pointer; font-style:italic; font-weight:600; margin:0px; padding:5px; height:unset !important;}
footer{background-color:black;padding-bottom:80px}
a{text-decoration:none;color:rgb(178, 178, 220)}
#features{display:grid;grid-template-columns:25% 25% 25% 25%}
.afeature{margin:15px; padding:25px;border:1px solid gray;border-radius:7px;box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);}
h3 {font-weight:normal;font-size:1.8em;line-height:0.2em;margin-bottom:3px}
#partner p, #bingpartner p {font-size:12px}
i {margin-right:4px}
textarea{width:100%;height:80px} 
#sidebullets{display:grid;grid-template-columns:40% 30% 30%;background-color:grey;padding-left:10%;padding-right:10%;margin-top:10px}
#sidebullets div {font-size:18pt;color:white;padding:10px;font-family:Muli,sans-serif}
#reviews{background-image:url('../images/op-girlphone-183kb.webp'); background-attachment:fixed; background-repeat:no-repeat; background-position:center top; background-size:cover; margin:auto; width:100%; position:relative;}

#reviewsboxes{display:grid;grid-template-columns:30% 30% 30%; justify-content: center; padding:0 10%;}
.areview{background:rgba(230,195,129,0.75); border:1px solid #ccc; margin:20px; padding:20px}
.areview p {font-size:1em}

#reviewshead{background:rgba(255,255,255,0.5);display:grid;grid-template-columns:20% 80%}
#reviewshead div {padding:20px}
#excellent{font-size:31px;line-height:87px}
#takemetop{display:none;}
#offerbanner {width:100%;background-image:url('../images/springback.webp');text-align:center; font-size:1.5em;color:white;padding:10px 0px; position:fixed;bottom:0px;z-index:99;border-top: 2px solid antiquewhite;}

.quote-button {background-color: #5db3ff; display:none; border: 0; border-radius: 3px; font-size: 1em; font-weight: 800; cursor: pointer; width: 200px; margin:auto; color: #000; text-align:center; padding:10px;}
.fs-28{font-size:26px !important;}
 

 
.accordion-item {background-color:#fff; border:none; border-radius:4px !important; box-shadow:0px 1px 2px #00000026;}
.accordion-item+.accordion-item  {border-top:0px;margin-top:10px;}
.accordion-button {background-color:transparent;color:#000;font-size:17px; font-weight:700;}
.accordion-body {background-color:#fff;color:#000; border-radius: 0px 0px 4px 4px;  border-top:solid 1px #ccc !important} 
.accordion-button:after {margin-top:1px;font-weight:900;font-family: "Font Awesome 5 Free"; color:#000;}
.accordion-button.collapsed::after {background-image:none;content: "\f067"; }
.accordion-button:not(.collapsed) {color: #454547;background-color:#fff;color:#000000;}
.accordion-button:not(.collapsed)::after {background-image:none;content: "\f068";color:#000000;}
.accordion-button:focus {box-shadow:none; outline:none;}

#main-banner {position:relative;}
#main-banner .object-fit {object-fit:cover;height:600px;width:100%;}
.mob-bnr{display:none;}
#main-banner .bnr-content-area {position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding-left:10%;padding-right:10%;display:grid;grid-template-columns:50% 50%;align-items: center;}
#main-banner #introText{background:none;}


@media only screen and (max-width:1599px) {
	#reviewsboxes {padding: 0;}
	 .fs-28{font-size:28px;}
}

@media only screen and (max-width:1300px) {
	#sidebullets {grid-template-columns: 40% 34% 28%;}
	#topBanner {height: auto !important;}#vidback video{height:630px;}
}

@media only screen and (max-width:1024px) 
{
	#introText h1 {font-size: 2.4em;margin:0px;}
	fieldset{width:83%} input,textarea{padding:5px;margin:0px;}input[type=submit],input[type=button]{font-size:1.3em;}
	#reviewshead {grid-template-columns: 25% 75%;}
	.areview{margin:10px; padding:15px;} 
	 
}
@media only screen and (max-width:991px) 
{
	#logoimage {width: 48%; height: auto;}
	fieldset{width:83%}
	#topBanner,#sidebullets {padding-left: 2% !important; padding-right: 2% !important;}
	 
	#sidebullets {grid-template-columns: 42% 31% 27%;}
	#reviewshead {grid-template-columns: 30% 70%;}
	.areview {margin:10px; padding:15px;}#offerbanner {font-size:1.3em;}
	#features {grid-template-columns: 50% 50%;}
	
	#main-banner .bnr-content-area {padding-left:3%;  padding-right:3%;}
}
@media only screen and (max-width:767px) 
{
	#Header .container {text-align:center; padding:0  5%;}  
	#logoimage {width: auto; max-width:100%;}
	.partner {margin:0px;}
	.quote-button {display:block;}
	
	 
	#partner, #bingpartner{display:inline-block; text-align:center;}
	#introText{padding-left:10px;padding-right:10px;padding-top:20px}
	#introText p{padding-right:3px;font-size:1.6em; line-height:1.4em;}
	#features{display:grid;grid-template-columns:100%}
	#features h4{margin:0 0 10px;}
	#features p{margin:0px;}
	#sidebullets{display:grid;grid-template-columns:100%;padding:3px}
	#sidebullets div {font-size:14pt;color:white;padding:5px;font-family:Muli,sans-serif}
	#reviews{background-image:url('../images/op-girlphone-mob.webp');}
	#reviewshead{grid-template-columns:100%}
	#reviewshead div {padding:0px;padding-left:20px;padding-bottom:15px;}
	#reviewshead div span {clear:both;display:block}
	#reviewshead .review-head p {margin: 34px 0;}
	#reviewsboxes{grid-template-columns:100%;}
	.areview{height:auto;width:auto; padding:20px; text-align:center}
	#excellent{line-height:35px;margin: 15px 0 0;}
	#takemetop {display:block;margin-left:auto;margin-right:auto;padding-bottom:20px;width:200px}
	#takemetopbutton {background-color:#5db3ff;border:0px;border-radius: 3px;font-size:1.5em;font-weight:800;cursor:pointer;width:200px;}
	#offerbanner {width:100%;font-size:.9em;}
	footer{background-color:black;padding-bottom:60px} 
}

@media only screen and (max-width:600px) 
{
	#vidback video{display:none;}.container {padding:0 4% !important;}
    #topBanner{grid-template-columns:100%;background-color:#000; position:relative;}
	.mob-bnr {display:block; width:100%; height:auto;}
    #topBanner{padding:0px!important;height:1350px;background-repeat:no-repeat;background-size:cover;background-attachment: unset;}  
	.phone{text-align:center!important;}			
}

@media only screen and (max-width:579px)
{
	#introText h1 {font-size: 2.5em; margin-bottom: 0px;}.container {padding:0 4% !important;}
	#introText p{font-size: 1.8em;}
	
	.partner > div img {height: 70px; width: auto;}
	#introText {top:20%; position: absolute; }
	#form,#sidebullets {position: relative;}
	
	#main-banner {background:#000;}
	#main-banner .bnr-content-area {grid-template-columns:100%; position:static; padding-left:5%; padding-right:5%;}
	#main-banner .object-fit {display:none;} 
	.mob-bnr {display:block; width:100%; height:auto;}
}

@media only screen and (max-width:479px)
{.container {padding:0 4% !important;}
	#introText h1 {font-size:2.4em;}
	#introText p {font-size: 1.8em; line-height: 1.5em;}	
}

@media only screen and (max-width:399px){}
@media only screen and (max-width:379px){}
@media only screen and (max-width:359px){.mob-bnr {height: 710px; object-fit: cover;}}