/* 1.0 - General */
body{margin: 0; background: #FFFFFF; }
table,div{/*font-family: 'Barlow', sans-serif;*/font-size:17px; color:#333333; line-height:26px; font-family: 'Charcoal', sans-serif}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #FFFFFF;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #FFFFFF;}/* Firefox 19+ */
:-ms-input-placeholder {color: #FFFFFF;}/* IE 10+ */
:-moz-placeholder {color: #FFFFFF;}/* Firefox 18- */

img{border:none;max-width: 100%}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px;}

/*Heading*/
h1{font-size:65px;}
h2{font-size:45px;text-transform: uppercase;font-weight: 700;color: #000} /*used*/
h3{font-size:35px;font-weight: 600}/*used*/	
h4{font-size:20px;text-transform: uppercase;font-weight: 600}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0 0 0 20px; padding: 0; list-style: none;}
ul li{list-style: disc; margin: 0 0 10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.dropdown-menu {font-size: inherit;}

/** 2.0 - Header **/
.top-header{width: 100%;display: inline-block;background: #af8b36;font-size: 16px;color: #fff;padding:9px 0 10px 0}
.top-header p{font-size: 14px;color: #fff;}
.top-header label{color: #FFF !important;text-transform: uppercase;margin-bottom: 0;font-weight: 500}
/*.top-header label{color: red!important;}*/
.top-header p{margin-bottom: 0}	
.mid-header{width: 100%;display: flex;flex-wrap:wrap;float: left;align-content:center;}
.mid-header .right{height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.btn{padding: 3px 30px;text-align: left;font-size: 16px;/*font-weight: 600;*/ font-weight:bold; line-height: 18px;height: 45px;display: flex;flex-wrap:wrap;float: left;align-content:center;background: #0f82d5;color: #fff;text-transform: uppercase;}
.btn a{color: #fff}
.support-btn{border: 1px solid #c9c9c9;position: relative;padding-left: 60px;background: none;color: #000000;}
.support-btn a{color: #000}
.support-btn .icon{position: absolute;left:20px;top:7px}
.book-appointment{background: #0f82d5;color: #fff;margin-left: -10px;position: relative;z-index: 1;margin-right: 15px;font-weight: bold;}
.book-appointment i{position: relative;top: 1px;margin-right: 5px;}
.business-btn{border: 1px solid #0f82d5;color: #0f82d5;background: #fff}
.top-menu{width: 100%;display: inline-block;border-top:1px solid #cccccc }
.top-btn .support-btn.btn{text-transform: capitalize;font-weight: 500;margin-right: 25px;}
	
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
.navbar .navbar-header .nav-toggle.active {position: absolute;top: 0;right: 0;z-index: 99;}

#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent; padding: 0}
.navbar{border-radius: 0; position: relative; border: 0;}
.navbar-brand{padding: 35px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}

.top-right{float: right; padding: 35px 0}
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 20px;}
.top-right ul li i{margin-right: 10px; color: #999999}
.top-right ul li a{color: #333333}

.jumbotron{padding: 0; margin: 0; position: relative}
.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}
.jumbotron .container { max-width: 100%; height: 100%;}
.home-ban{position: relative;}
.home-ban .ban-img{width: 100%;}
.home-ban .ban-text{text-align: center; position: absolute; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 1320px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.home-ban .ban-text h1{font-size: 70px; line-height: 70px; margin: 0 0 20px 0; font-weight: bold;text-align: left;color: #fff}
.home-ban .ban-text h1 span{display: block;}
.home-ban .ban-text .text p{color: #fff;font-size: 18px}
.home-ban .ban-text .text{width: 100%;max-width: 530px;text-align: left;height: 100%; align-content: center;display: flex;flex-wrap: wrap;}
.blue-bg{background: #0f82d5;color: #fff;text-transform: uppercase}
.blue-bg a{color: #fff}
.brown-bg{background: #af8b36;color: #fff;text-transform: uppercase}
.brown-bg a{color: #fff}
.home-ban.container-fluid{padding: 0}
.carousel-caption{bottom: auto;top:50%}
.carousel-control-next, .carousel-control-prev{width:30px}
.ban-btns {width: 100%;display: inline-block}
.ban-btns .btn{float: left}
.ban-btns .btn:first-child{margin-right: 15px}
.ban-contact{width: 100%;display: inline-block}
.ban-contact ul{margin: 20px 0 0 0}
.ban-contact ul li{color: #fff;list-style: none;font-size: 16px}
.ban-contact ul li .ban-icon{float: left;position: relative;margin-right: 20px;top: 5px}
.ban-contact ul li a{color: #FFFFFF}
.hello p a{margin: 0 3px;}


.free-quote-home{text-align: center;background: #fff;padding:0 20px 0 20px;border-top:5px solid #002e50;border-radius: 8px;display: inline-block;width: 100%;overflow: hidden}
.free-quote-home h2{font-size: 30px; margin: 0 0 10px}
.free-quote-home .mail-icon{margin: -7px auto 10px;display: table;float: none}
.free-quote-home .submit-btn input[type="submit"]{width: 100%;background: #0f82d5;color: #fff;text-transform: uppercase;text-align: center;margin: 0 auto;display: table}
.free-quote-home .submit-btn input[type="submit"]:hover{background: #af8b36}
.free-quote-home p{font-size: 15px;color: #8e8e8e;margin-bottom: 5px;}
.submit-btn .btn{margin: 0}


.row-am{width: 100%;}

/** 3.0 - Content **/
#content .row-am{padding: 70px 0;}
.logo-slider{background: #edf4f9}
.logo-slider li{margin-bottom: 0}
.text-content h4{color: #0f82d5;font-weight: bold;text-transform: uppercase;margin: 15px 0}

.home-service{text-align: center;background: url(../images/service-txt.png) no-repeat;background-size:100%;background-position:center bottom;}
.home-service h2{margin-bottom: 5px;font-size: 50px}
.lead{width: 70%;margin: 10px auto 20px;display: table}
.home-service .box{padding: 30px;border-radius: 8px;text-align: center;margin-top: 10px}
.home-service .box:hover{background: #0f82d5;cursor: pointer}
.home-service .box:hover h4{color: #fff}
.home-service .box:hover p{color: #fff}
.service-content .col-md-3{padding: 0}
.home-service .box a{color: #fff;}
.home-service .box .readmore{opacity: 0}
.home-service .box .readmore a{font-size: 14px;text-transform: uppercase;font-weight: bold;}
.home-service .box:hover .readmore{opacity: 1}
.home-service .box:hover img.img-hover{display: table;margin: 0 auto}
.home-service .box .img-hover{display: none}
.home-service .box:hover img{display: none}
.home-service .box .img{height: 83px}

.homeabout{background: url(../images/home-about-bg.png) no-repeat;background-size:cover !important;}
.homeabout h2{color: #fff;margin-bottom: 25px;}
.homeabout h3{color: #fff}
.homeabout p{color: #fff}
#content .homeabout.row-am{padding: 100px 0;}
.homeabout h3{font-size:40px;/*text-transform: uppercase;*/font-weight: 400;margin-bottom: 25px}
.homeabout h4{color: #fff;font-size: 18px;text-transform: uppercase;margin-bottom: 7px}
.homeabout .team-box{width: 100%;display: inline-block;margin-bottom: 30px}
.homeabout .team-img{float: left;width: 20%}
.homeabout .team-text{float: right;width: 80%;padding-left: 30px}
.homeabout .btn{margin-top: 30px;width: 189px;text-align: center}
.homeabout .btn a{margin: 0 auto;display: table}
.home-team h3{text-transform: uppercase;font-size: 30px;font-weight: bold}
.home-team{display: flex;flex-wrap: wrap;align-content: center;}

.usp-list{background: #0f82d5;border-bottom: 2px solid #fff}
.usp-box{width: 100%;height: 100%;display: flex;flex-wrap:wrap;align-content:center;border-right:2px solid #fff;padding:30px  50px}
.usp-box img{float: left;margin-right: 20px}
.usp-box h4{color: #fff;margin: 0}
.usp-list .col-md-3:last-child .usp-box{border-right:0}

.process-work {padding: 40px 0px;}
.process-icon{width: 20%;float: left}
.process-text{width: 80%;float: left;display: flex;flex-wrap: wrap;align-content: center;}
.process-text h4{font-size: 20px;margin-bottom: 0;width: 100%;color: #0f82d5;font-weight: bold}
.process-text p{color: #656565;font-size: 17px;margin-bottom: 0}
.work-process li{display: flex;flex-wrap: wrap;height: 100%;align-content: center;position: relative;padding:20px 0 20px 50px;margin: 0}
.work-process li:after{background:#af8b36;content: "";width: 2px;height: 100%;position: absolute;top:0;left: 0}
.work-process ul{/*border-left: 2px solid #af8b36;*/margin: 0}
.process-num{border: 1px solid #af8b36;border-radius: 100%;width: 42px;height: 42px;text-align: center;font-size: 18px;color:#af8b36;line-height: 42px;font-weight: 600;position: absolute;top:34%;left: -19px;background: #fff;z-index: 1}
.work-process li:first-child::after {top: 50px;}
.work-process li:last-child::after {height: 60%}
.process-work .lead{color: #656565;font-size: 19px;font-weight: 500}

.hello{background: url(../images/hello-bg.png) no-repeat;background-size:cover}
.hello h2{color: #fff;font-weight:300}
.hello p{color: #fff;margin-bottom: 8px;font-size: 16px;text-transform: uppercase;font-weight: 500}
.hello .call-text{font-size: 40px;color: #fff;margin-bottom: 20px !important}
.hello .call-text img{position: relative;top: -2px;}
.hello .btns .btn{width: 100%;display: inline-block;margin-bottom: 15px;display: flex;font-size: 19px}
.hello .btns .btn a{margin: 0 auto;display: table}
.btns{display: flex;flex-wrap:wrap;align-content:center;height: 100%}
.f-icon{width: 10%;float: left;top:3px;position: relative}
.f-icon img{width: auto}
.f-text{width:90%;float: left;color: #fff}
.btm-contact{color: #fff}
.flogo img{max-width: 100%}
.hello-img{}
.logo-slider img{filter: gray !important; -webkit-filter: grayscale(1); -webkit-transform: scale(1);opacity: 0.3;}
.logo-slider img:hover { filter:0; -webkit-filter: grayscale(0); -webkit-transform: scale(1.1);opacity: 1;}

.right.phonelink{position: relative}
.right.phonelink .search-form{position: absolute;right: 24px;background: #fff;}
.right.phonelink form.show-form input{color: #000 !important;padding-left: 0}


/** 4.0 - Footer **/
footer{background: #002e50;}
footer a{color: #fff}
footer .footer1{padding: 70px 0 50px 0}
footer .footer1 h4{font-size: 25px; font-weight: bold; margin: 0 0 20px; text-transform: uppercase; color: #FFFFFF;}
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .links ul li{line-height: 28px; font-size: 20px; list-style: none;}
/*footer .footer1 .links ul li::before {content: "•"; color: #cac7c9; margin-right: 10px;}*/
footer .footer1 .links ul li a{color: #fff;}
footer .footer1 .fcontact ul{margin: 0; padding: 0; list-style: none;}
footer .footer1 .fcontact ul li{width: 100%;display: inline-block}
footer .query{text-align: center; font-weight: 300; color: #98dad8; font-size: 27px; padding: 20px 0}
footer .query a{color: #98dad8}
footer .footer2{padding: 20px 0;background: #0f82d5}
footer .footer2 p{color: #fff;margin: 10px 0 0 0;font-size: 15px}
footer .footer2 a{color: #fff}
footer ul.social{margin: 0 auto;display: table;float: none;}
footer .social li{width: 44px;height: 44px;text-align: center;line-height: 41px;border-radius: 100%;border: 1px solid #fff;float: left;margin-right: 10px;margin-bottom: 0;list-style: none}
footer .social li:last-child{margin-right: 0;}
footer .social li i{color: #fff;}
footer .social li:hover{background: #002e50;border: 1px solid #002e50;} footer .social li:hover i{color: #fff;}


/* */
.in-ban{position: relative;}
.in-ban img{width: 100%;}
.in-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; display: table;}
.in-ban .ban-text{text-align: left; position: relative; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 980px; display: table-cell; vertical-align: middle;}
.in-ban .ban-text h2{font-size:70px; line-height: 80px; margin: 0; font-weight: bold;color: #fff;text-transform: capitalize}
.in-ban .ban-text p{font-size: 18px;color: #fff;max-width: 527px}
.in-ban .ban-text p:last-child{margin-bottom: 0}

/*contact*/
.btns .btn{margin:0 auto 15px;width: 90%;font-size: 22px;text-transform: uppercase;color: #fff;font-weight: 600;padding: 15px 15px;height: auto;text-align: center}
.btns a{margin: 0 auto;}
.btns .btn .icon{margin-right: 15px;}
.btns .btn.business-btn a{color: #0f82d5}
.contact-content h4{font-size: 25px;line-height:1.3em;color: #656565;text-transform: none;font-weight: 400;margin-bottom: 0}
.contact-text li{list-style: none;width: 100%;display: inline-block;border-bottom: 1px solid #bcbcbc;padding: 5px 0;margin-bottom: 0;color: #000}
.contact-text li:first-child{padding-top: 0}
.contact-text li:last-child{border-bottom: 0}
.contact-text i{float: left;margin-right: 10px;position: relative;top:7px; color: #007bff}
.contact-info h3{color: #0f82d5;font-size: 25px;font-weight: bold;text-transform: uppercase}
.contact-box{background: #edf4f9;padding: 20px;border-radius: 8px;}
.contact-text span{float: left;font-size: 16px;color: #000;font-weight: 500;}
.contact-box .row{margin: 0} 
.contact-box .col-md-6{padding: 0}
.contact-img{width: 100%}
.map-box{border: 1px solid #c6d1d8;border-radius: 5px;margin: 50px 0}
.contactform-box{background: #edf4f9;padding: 30px;border-radius: 5px;margin-bottom:80px}
.contactform-box .title-icon{float: left;margin-right: 15px;}
.contactform-box .title-text{float: left;margin-bottom: 15px}
.contactform-box .title-text h3{margin-bottom: 0;font-size: 25px;color: #0f82d5;font-weight: bold;text-transform: uppercase}
.contactform-box .title-text p{font-size: 15px;color: #606060}
.contactform-box form label{font-size: 16px;color: #000;margin-bottom: 5px}
.contactform-box .form-group{margin-bottom: 25px;float: left;width: 100%;display: inline-block}
.contactform-box .contact-btn .btn{width: 200px;text-align: center;justify-content: center;float: left}
.contact-btn {float: left;margin-top: 35px;}
.contactform-box p{margin-bottom: 5px;color: #8e8e8e;font-size: 15px}

/*about*/
.about-img img{width: 100%;object-fit: cover;height: 100%;}
.about-txt{/*padding-left: 30%;*/height: 100%;display: flex;flex-wrap: wrap;align-content: center;/*padding-right: 33px;*/padding-top: 50px;padding-bottom: 50px;text-align: center;justify-content: center;max-width:600px;margin: 0 auto}
.about-txt p{text-align: center;font-size: 20px}
.about-img{height: 100%}
.abt-bg{background: url(../images/about-img-bg.png) no-repeat;color: #fff;background-size:cover;}
.abt-bg p{color: #fff}
.abt-bg h2.title{color: #fff}
.about-content .row:nth-child(2n+2) .about-txt{/*padding-left: 60px;padding-right: 28%*/}

.about-team h2{margin-bottom: 30px}
.about-team h4{color: #000;font-size: 18px;text-transform: uppercase;margin-bottom: 7px}
.about-team .team-box{width: 100%;display: inline-block;margin-bottom: 30px}
.about-team .team-img{float: left;width: 20%}
.about-team .team-text{float: right;width: 80%;padding-left: 30px}
.about-team .team-text p:last-child{margin-bottom: 0}
.about-team .btn{margin-top: 30px;width: 189px;text-align: center}
.about-team .btn a{margin: 0 auto;display: table}
.title{font-size: 35px;}
.about-team .team-text p{color: #000}

.abt-service{background:#edf4f9 url(../images/service-txt1.png) no-repeat;background-size:100%;background-position:center bottom;}
.hello .btns .btn{margin: 15px auto 15px;}
.hello .btns .btn i{margin-right: 5px;}

.floating-btn {
  position: fixed;
  /*background-color: #0089d1;*/
  color: #f1f5f1;
  right: 0%;
  top: 30%;
  /*height: 100px;
  width: 80px;*/
  margin: 0;
  border-radius: 5px 0 0 5px;
  transition: 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;z-index: 5
}

.floating-btn:hover {
  background-color: #0f1138;
  color: #f1f5f1;
}

p.float-txt {
  transform: rotate(270deg);
  text-align: center;
  top: 30%;
  margin: 0;
  padding: 0;
  left: 1%;
  text-decoration: none;
}

.form-resol {
  width: 300px;
  height: 500px;
  background-color: #f7f7f7;
  color: black;
  position: fixed;
  top: 30%;
  right: -300px;
  /*right: -1000px;*/
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: 0.5s ease-in-out;
  padding: 0 10px 20px 10px;
  border-radius: 8px
}

.form-resol .free-quote-home h2 {
  font-size: 22px;
}

.clicked {
  position: fixed;
  margin-right: 300px;
  opacity: 1;
}
.form-resol.clicked{z-index: 999999;}

.close-btn {
  float: right;
}

.form-opt {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}

.opt-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  width: 50%;
  font-size: 18px;
  transition: 0.3s ease-in-out;
}

.opt-item:hover {
  color: #0089d1;
  transform: scale(1.2, 1.2);
}

.opt-text {
  margin-left: 4px;
}

.inputs {
  margin: 2px;
}

.form-field {
  margin-bottom: 2px;
}

/*.show-form{display: none}*/
.form-resol button{background: none;border: 0;padding: 0;display: block !important;opacity: 1 !important;}
.form-resol button i{font-size: 23px;position: relative;top:3px}

/*mcbook repair*/
.mac-content h3{font-size: 40px;font-weight: 400;margin: 0} 
.contact-sidebar .contactbox{background: #0f82d5;border-radius: 8px;padding:10px;border-top-right-radius:0;border-bottom-right-radius:0}
.contact-sidebar .contactbox i{color: #fff}
.contact-sidebar .contactbox ul{margin: 0;padding: 0}
.contact-sidebar .contactbox ul li{list-style: none;color: #fff;font-size: 16px;display: inline-block;width: 100%;margin-bottom: 5px}
.contact-sidebar .contactbox ul li a{color: #fff}
.contact-sidebar .contactbox ul li .text{color: #fff}
.contact-sidebar .contactbox ul li i{float: left;margin-right: 5px;position: relative;top:5px;}
.contact-sidebar .contactbox h3{font-size: 22px;text-transform: uppercase;color: #fff}
.contact-sidebar .contactbox h5{font-size: 17px;text-transform: uppercase;color: #fff}
.contact-sidebar .form-resol{padding: 0}
.contact-sidebar .contactbox ul li .text a{margin: 0 5px}

.contactbox h3{margin: 0} 
.form-resol .contactbox{padding:30px 30px 30px 34px}
.form-resol .contactbox h3{margin-bottom: 20px}
.form-resol .contactbox ul{border-bottom: 1px solid #fff;padding:10px 0}
.form-resol .contactbox ul:last-child{border-bottom: 0;padding-bottom:0 }
.form-resol .contactbox h5{margin: 20px 0 0 0;font-weight: bold} 
.contactbox .text{width: 90%;float: left}
.contact-sidebar .clicked{margin-right: 290px;z-index: 99999999;background-color: unset;} 
.form-resol .contactbox h3{font-size: 25px;font-weight: bold}

.mac-contact.hello h2{margin-bottom: 0}
.mac-contact.hello h4{color: #fff;font-size: 23px;text-transform: uppercase;font-weight: 400}
.mac-points ul li{list-style: none;font-size: 18px;}
.mac-points ul li:last-child p{margin-bottom: 0}
.mac-points h2{font-size: 35px;text-transform: uppercase;position: relative;padding-left: 36px;}
.mac-points h2::before{background: url(../images/bullet-point.png) no-repeat;float: left; margin-right: 10px;position: absolute;content: "";width: 26px;height: 26px;top:10px;left: 0}
.mac-points a{color: #0f82d5;border-bottom: 1px solid #0f82d5}

.upgrade-macbook{border-left: 4px solid #af8b36;padding-left: 20px;}
.upgrade-macbook ul{margin: 0;padding: 0}
.upgrade-macbook ul li{position: relative}
.upgrade-macbook ul li:before{content: "\ea5d";font-family: icofont;font-size: 18px;float: left;margin-right: 5px;position: relative;top: 2px}
.upgrade-macbook  h5{font-size: 18px;font-weight: 400}

.story-box{background: url(../images/story-bg.png)no-repeat;padding:15px 30px;width: 100%;display: inline-block;background-size:cover;color: #fff;margin-bottom: 60px}
.story-box .left{color: #fff;font-size: 18px;font-weight: 600;}
.story-box .left img{margin-right: 10px;}
/*.story-box .btn{background: #fff;margin-top: 12px}*/
.story-box .btn{background: #fff;margin-top: 8px}
.story-box .btn a{color: #0f82d5;}

.free-quote-home .submit-btn{margin: 20px 0 0;display: inherit;}
.wpcf7-not-valid-tip{text-align: left; font-size: 14px; color: #e80505;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color: #af8b36; margin: 10px 0px 0px 0px;}
.form-group:last-child{margin-bottom: 0}

.home_get_quote{background: #af8b36}
.home_get_quote h3 img{width: 40px; margin-right: 10px; height: auto;}

.contact-content .btns .btn .icon{position: relative;top: -3px;}
.contact-text span a{margin: 0 2px;}
.blog2 h2{font-size: 30px}
.blog2 .comment-list footer{background: none}
.blog2 .comment-list footer a{color: #000}
.blog2 .comment-list li{border: 1px solid #000;padding: 10px}
.blog2 .comment-metadata{margin-top: 6px;}
.comment-list {padding: 0 19px}
.mac-content h3 p{color: #000}
.mac-points p{color: #000}
.mac-points p a{font-weight: 600}

.top-header .right p{float: left}
.top-search{float: left; margin-left: 13px; border: 1px solid #FFFFFF; width: 28px; height: 28px; text-align: center;  border-radius: 6px; font-size: 14px;}
.top-search i{color: #fff}

.recaptcha div {
    transform:scale(0.96);
    -webkit-transform:scale(0.96);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
.hello{background-size:cover !important}
.blog1 #sidebar h2{font-size: 26px;margin-top: 20px}
.wp-block-categories-list{margin: 0}
.blog1 .side-bar .wp-block-search .wp-block-search__button{  background: #0f82d5;  border: 1px solid #0f82d5; color: #fff;}
#cancel-comment-reply-link{float: right;font-size: 14px}
.comment-list{margin-bottom: 33px}

.free-quote-home {height: 600px; overflow-y: auto;}
.free-quote-home h2 {font-size: 20px;}
.free-quote-home form .form-group {margin-bottom: 10px;}

body {width: 100%; overflow-x: hidden;}

.form-resol .free-quote-home {width: 100% !important; margin-right: 0 !important;}

.status-publish {margin-bottom: 50px;}
.status-publish .entry-header h1 {font-weight: 700;color: #000; font-size: 40px; margin-top: 60px; margin-bottom: 30px; text-align: center;}
.status-publish .ti-widget.ti-goog .ti-review-content .ti-review-text {height: 130px !important;}
.status-publish .ti-widget.ti-goog .ti-review-item {/*margin: 5px !important; */box-shadow: 0 0 8px #eeeded; padding-bottom: 20px;/*border: 1px solid #eeeded;*/-webkit-transform: translate(0, -5px);-ms-transform: translate(0, -5px);transform: translate(0, -5px);}
.ti-widget.ti-goog .ti-controls .ti-next, .ti-widget.ti-goog .ti-controls .ti-prev {top: 130px;}
.ti-widget.ti-goog .ti-controls .ti-prev { left: -18px !important;}
.ti-widget.ti-goog .ti-controls .ti-next { right: -18px !important;}
.ti-widget.ti-goog .ti-review-content{padding: 15px !important}
.status-publish h1{font-size: 50px;text-transform: uppercase;font-weight: 700;color: #000;}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #000 #ffffff;
   scrollbar-width: none;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
   scrollbar-width: auto;
    scrollbar-color: #000 #ffffff;
   scrollbar-width: none;
   width: 0
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
    
  }

  *::-webkit-scrollbar-thumb {
    background-color: #Fff;
    border-radius:0;
    border:0;
  }

.about-txt .cstm-sec-btn {
  padding: 8px 20px;
    background: #fff;
    box-shadow: 0 0 8px #ccc;
    font-weight: 600;
}

body{padding-top: 187px;}
.top-header{display: flex}
header{position: fixed; width: 100%; z-index: 100; top: 0;}

.form-control::-webkit-input-placeholder {color: #000000;}/* Chrome/Opera/Safari */
.form-control::-moz-placeholder {color: #000000;}/* Firefox 19+ */
.form-control:-ms-input-placeholder {color: #000000;}/* IE 10+ */
.form-control:-moz-placeholder {color: #000000;}/* Firefox 18- */

.row-am.testimonial-sldr-sec {padding: 60px 0; text-align: center}
.testimonial-sldr-sec{background: #f5f5f5}
.testimonial-sldr-sec .box{background: #FFFFFF; padding: 20px; min-height: 392px;}
.testimonial-sldr-sec .box .test-star{color: #f0ad4e; margin: 0 0 20px;}
.testimonial-sldr-sec .bx-wrapper .bx-controls-direction a{top: 50%}
.testimonial-sldr-sec .testi-more-btn{margin: 40px auto 0; display: table; float: none;}
.testimonial-sldr-sec .testi-more-btn a{line-height: 34px;} 

.about-content .alignwide{position: relative; z-index: 1;}
.right.phonelink form.show-form input{height: 28px}

.free-quote-home form .form-group:nth-last-child(-n+2) p{float: none; margin: 0; line-height: 42px;}
.free-quote-home form .form-group:nth-last-child(-n+2) .submit-btn{float: none; margin: 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{clear: both}


/*.free-quote-home #wpcf7-f230-o1 .wpcf7-not-valid-tip{top: 0;display: flex;flex-wrap: wrap;align-content: center;height: 100%;background: #fff;border: 1px solid #ced4da;border-radius: .25rem;padding: 0 .75rem;position: absolute;left: 0;width: 100%;}*/
/*.free-quote-home #wpcf7-f230-o1 .wpcf7-form-control-wrap{display: inline-block;width: 100%;}*/
.free-quote-home #wpcf7-f230-o1 .wpcf7-not-valid-tip{display: none}
.free-quote-home #wpcf7-f230-o1 .wpcf7-not-valid{border: 1px solid #e80505}
.free-quote-home #wpcf7-f230-o1 .wpcf7-recaptcha.wpcf7-not-valid{border: none}
.free-quote-home #wpcf7-f230-o1 .wpcf7-response-output {margin-bottom: 15px;    margin-top: 10px;}
/*.floating-btn {  z-index: 99 !important;}*/
.search-form input{border: 0;}

.featured-image img {height:auto;}

.availability-cost-tbl {margin-bottom: 20px;border-collapse: collapse;border-spacing: 0;width: 100%;}
.availability-cost-tbl th, td {border: 1px solid black;border-collapse: collapse;padding: 15px;}
.availability-cost-tbl .cost-head {color: #fff;background: #0f82d5;}

.vendor-tbl {margin-bottom: 20px;border-collapse: collapse;border-spacing: 0;width: 100%;}
.vendor-tbl .vendor-head {color: #fff;background: #0f82d5;}

.home-service .service-content .row{margin:0;}

.top-header p{font-size: 14px !important}


@media only screen and (min-width: 320px) and (max-width: 479px) {
.in-ban .ban-text{top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position: absolute; width: 100%; padding: 0 15px;}
}