/*
Theme Name: 99apptech
Text Domain: 99apptech
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://www.99apptechnologies.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/*================================================ Domain registration page 23-06-2020 ============================================*/
/*================================================ Domain registration page 23-06-2020 ============================================*/

.innerBanner.hostingPage{
  background: #02132f;
}
.innerBanner.hostingPage .carousel-caption {
    display: flex !important;
    align-items: center;
    /* justify-content: center; */
    top: 0;
    left: 0;
    right: 0;
    text-align: left;
    z-index: 1;
}

.innerBanner.hostingPage .banner-girl {
    position: absolute;
    width: 750px;
    z-index: 1;
    bottom: 0;
    right: 9%;
    opacity: 1;
}
.innerBanner.hostingPage .discount {
    position: absolute;
    width: 200px;
    z-index: 10;
    bottom: 20%;
    right: 12%;
    opacity: 1;
}

.innerBanner.hostingPage img{
  webkit-filter: none;
  filter: none;
  opacity: .1;
}

.innerBanner.hostingPage .carousel-caption h1 {
    font-size: 45px;
    /* font-family: Muli-ExtraBold, sans-serif; */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    transform: scaleY(1.2);
    color: #fff;
}
.innerBanner.hostingPage .carousel-caption h1 span {
    color: #fb2224;
}

.innerBanner.hostingPage .carousel-caption h2 {
    font-size: 39px;
    font-family: Muli-ExtraLight, sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.innerBanner.hostingPage .list {
    margin-top: 20px;
}

.innerBanner.hostingPage .list li {
    padding: 7px 0;
    font-size: 19px;
}

.innerBanner.hostingPage .btn {    
    color: #fff;    
    background: #fb2224;
    border: 3px solid #fb2224;
}

.hostingBannerCards{
    transform: translateY(-65px);
    position: relative;
    z-index: 2;
}
.hostingBannerCards .card{
  text-align: center;
  border: 0;
  background: #fff;
  box-shadow: 1px 6px 13px 0px rgba(239, 244, 246, 0.65);
  padding: 25px 35px 5px;
}

.hostingBannerCards .card h4{
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
}

.hostingBannerCards .card p{
  color: #969696;
}

.hostingBannerCards .card .icon{display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  box-shadow: 0 1px 14px 5px #e3eaec;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;

}

.hostingBannerCards .card .icon img{
  filter: grayscale(1);
}

/**/

.hostingSearchboxbar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 98vw 0 0;
    border-color: #ffffff transparent transparent transparent;
    z-index: 2;
    display: block;
}

.hostingSearchboxbar:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    border-style: solid;
    border-width: 0 0px 50px 98vw;
    border-color: transparent transparent #ffffff transparent;
    z-index: 2;
    display: block;
}

.hostingSearchboxbar{
  background: url('https://www.99apptechnologies.com/wp-content/uploads/2020/06/shutterstock_300344546.jpg') fixed;
  background-color: #EFEFEF;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 5;
  margin-top: 0;
  padding: 150px 0;
}

.hostingSearchboxbar:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: rgba(2, 13, 41, 0.85);
  z-index: -1;
}

.hostingSearchboxbar .input-group{
  background: #fff;
  border: 0;
  padding: 6px;
  border-radius: 100px;
}

.hostingSearchboxbar .form-control{
    height: 60px;
    /*font-size: 13px;*/
    padding: 0 20px;
    border: 0;
}

.hostingSearchboxbar select{
  border: 0;
  font-size: 13px;
  padding: 5px;
  width: 75px;
  margin-right: 10px;
}

.hostingSearchboxbar h3{
  /*font-size: 23px;
  font-family: Muli-Light, sans-serif;*/
  margin-bottom: 20px;
}

.hostingSearchboxbar h3 span{
  color: #d31a23;
}

.hostingSearchboxbar .name{
    margin-top: 38px;
}
.hostingSearchboxbar .name h2{
    /*font-family: 'Roboto', sans-serif;*/
    color: #fff;
    font-size: 25px;
}

.hostingSearchboxbar .name h2 sub{
    color: #fff;
}
.hostingSearchboxbar .name h2 span{
  color: #d31a23;
}

.hostingServices{}
.hostingServices .card{
  border: 0;
  padding: 20px 0;
}
.hostingServices .card h4{
      font-size: 16px;
    margin-top: 12px;
    font-weight: 600;
}

.hostingServices .card p{
  line-height: 25px;
}

/**/
.hostingFacility{padding: 40px 0;}
.hostingFacility .card{
      border: 1px solid hsla(0, 0%, 100%, 0.29);
    padding: 20px;
    box-shadow: 0 0 25px 2px #ccd5e0;
    overflow: hidden;
    margin-bottom: 18px;
    background: #fff;
}

.hostingFacility .card h4{
  font-size: 16px;
    margin-top: 12px;
    font-weight: 600;
  
  margin-top: 12px;
}

.hostingFacility .card img{
}

.hostingFacility .card p{
  line-height: 25px;
}

.hostingWhychoose{}
.hostingWhychoose .img-wrap{
  border-radius: 100px;
  overflow: hidden;
  height: 150px;
  width: 150px;
  margin: 30px auto 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.hostingWhychoose .formar{
    margin-top: 50px;
}

.hostingWhychoose h3{}

.hostingOffer{}
.hostingOffer .card{padding: 15px 15px 24px;border: 0;box-shadow: 0 0 69px -21px #ccc;}
.hostingOffer h4{font-size: 16px;margin-top: 12px;font-weight: 600;margin-top: 12px;}
.hostingOffer p{line-height: 25px;}
.hostingOffer .btn{margin-top: 5px;}

.hostingInformt{}
.hostingInformt  h3{font-size: 20px;}
.hostingInformt p{line-height: 25px;}
.hostingInformt .card{border: 0;margin-bottom: 10px;}
.hostingInformt .card a{font-size: 15px;color: #5d5d5d;}

.hostingInformt .card-header{padding: 14px 18px !important;}
.hostingInformt .card-header a{display: block;text-decoration: none;position: relative;}

.hostingInformt .card-header a:after{content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 0;right: 0;transform: rotate(-180deg);transition: all ease .2s;}
.hostingInformt .card-header a.collapsed:after{transform: rotate(0deg);}
.hostingInformt .mainHead{text-transform: capitalize;font-size: 24px;}
.hostingInformt .mainHead:before{margin: 0;}
.hostingInformt .mainHead:after{margin: 0;}

@media screen and (max-width: 400px){}
@media screen and (max-width: 480px){
  .innerBanner.hostingPage .carousel-caption h1{font-size: 20px !important;}
  .innerBanner.hostingPage .carousel-caption h2{font-size: 17px !important;}
  .innerBanner.hostingPage .list{display: none !important;}
  .innerBanner.hostingPage .list li{font-size: 16px !important;}
  .hostingBannerCards{transform: translateY(0px) !important;padding: 50px 0 !important;}
  .hostingBannerCards .card{margin-bottom: 15px;}
  .innerBanner.hostingPage .carousel-caption{width: 100%;top: 0;}
  .innerBanner.hostingPage .list li{font-size: 14px !important;}
  .innerBanner.hostingPage{overflow: visible;}

}
@media screen and (max-width: 768px){
  .innerBanner.hostingPage .carousel-caption h1{font-size: 27px;}
  .innerBanner.hostingPage .carousel-caption h2{font-size: 25px;}
  .innerBanner.hostingPage .banner-girl{display: none;}
  .innerBanner.hostingPage .list{columns: 2;}
  .hostingBannerCards .card{padding: 20px 10px;}
  .hostingBannerCards{transform: translateY(-50px);}
  .hostingInformt .mainHead{margin-top: 30px;}
  .hostingInformt .card{margin: 0 !important;}
  .hostingSearchboxbar{padding: 70px 0;}
  .hostingSearchboxbar .name h2{font-size: 17px;}
  .hostingSearchboxbar:before{border-width: 20px 98vw 0 0;top: -1px;}
  .hostingSearchboxbar:after{border-width: 0 0px 20px 98vw;}
}
@media screen and (max-width: 1920px){}

.post-inner.thin h1 {
    font-size: 1.2em;
}
#sp-ea-483 {
    width: 100%;
}