/*--------------------------------------Stylesheet----------------------------------------------*/ body{background:#fff;font-family:'Lato', sans-serif;width:100%;margin:0px auto;overflow-x:hidden!important;box-shadow:none!important;border:0px;} img, .logo img:focus{max-width:100%;outline:none!important;} a:focus, a:hover{text-decoration:none;color:#ff0000;outline:none!important;} ul{padding:0px;list-style:none;outline:none!important;} .btn, .form-control, button{outline:none!important;box-shadow:none!important;border:0px!important} figure, ul, ol, p{margin:0;} iframe{border:0px;width:100%;outline:none!important;line-height:0;} .subscription-section iframe{width:100%;border:0;height:775px;} .fal, .far, .fad, .fas{font-family:"Font Awesome 5 Free";font-weight:600!important;} .fas{font-family:"Font Awesome 5 Brands"!important;} .pull-right{float:right!important;} .t-transform{text-transform:uppercase!important;} .font-bold{font-weight:600!important;} .bg-white{background:#fff!important;} .bg-grey{background:#f4f4f4!important;} .bg-dark{background:#1a1915!important;color:rgb(255 255 255 / .9)!important;} @media (min-width:1300px){ .container {max-width:1230px;} } /*-----------------------------------header-section---------------------------------------------*/ #header{width:100%;border-top:6px solid #ff0000;} #header .logo{padding:26px 0px;} .header-menu{background:#000;clip-path:polygon(0 0, 100% 0, 100% 100%, 18% 500%);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 18% 500%);width:110%;margin:16px 0px 20px;} ul.nav.navbar-nav{padding-left:2em;} #header .navbar-nav>li>a, .dropdown-menu>li>a{color:rgb(255 255 255 / .86); font-size: 18.4px;padding: 24px 11px;font-weight:500;display: flex;text-shadow:0px 1px 1px rgb(255 255 255 / .3)} #header .navbar-nav .btn.btn-default{height:48px;line-height:48px;background:#fbc525;color:#000;font-size:13px;border:0px;padding:0px;border-radius:30px;display:block;margin:12px auto;margin-left:10px!important;width: 170px;text-transform: none;font-weight: 600;} #header .navbar-nav .btn.btn-default:hover{color:#fff!important;} #header .navbar-nav>li.current-menu-item>a, #header .navbar-nav>li:hover>a, #header.fixed-header .navbar-nav>li:hover>a, .breadcrumb li.active a, .breadcrumb li:hover a{color:#f7b239!important;} /*--------------------------------------fixed-header---------------------------------------------*/ #header.fixed-header{top:0px;color: #fff;position: fixed;z-index: 10001;background:#fff;border:0px;animation:.5s slideInDown ease-in-out;-webkit-animation:.5s slideInDown linear;border-bottom:1px solid rgb(0,0,0,.1);} #header.fixed-header .logo{padding:15px 0px;width:180px;} #header.fixed-header .header-menu{margin:0;} #header.fixed-header .navbar-nav>li>a{color:#fff;} #header.fixed-header .navbar-nav .btn.btn-default{margin:12px auto;} div#myNavbar.navbar-collapse.collapse .flex.aic{ min-height: 150px;display: flex;flex-direction: column;justify-content: center;} div#myNavbar.navbar-collapse.collapse .flex.aic li{list-style: none;} div#myNavbar.navbar-collapse.collapse .flex.aic li:first-child{margin-bottom: 20px;} /*------------------------------------slider-section---------------------------------------------*/ .slider{line-height:0;} .slider, .banner-section{position:relative;} .btn.btn-default{color:#000;background:#fbc525;min-width:310px;height:46px;line-height:46px;border-radius:25px;padding:0px;font-size:15px;font-weight:600;} .btn.btn-default:hover, .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active, .btn.btn-primary:hover {color:#fff!important;background:#ff0000!important;border-color:transparent!important;font-weight:500!important;} /*-----------------------Owl-controls-------------------------*/ .slider .owl-theme .owl-controls .owl-nav div, .services-section .owl-controls .owl-nav div, .coupons-section .owl-controls .owl-nav div, .choose-section .owl-controls .owl-nav div{position: absolute;top:50%;font-size:20px;background:#fbc525;border-radius:0px;padding:0px;line-height:40px;height:40px;width:40px;border:0px;color:#fff;transform:translate(0%, -50%);opacity: 0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .slider .owl-theme .owl-controls .owl-nav .owl-prev{left:15px;} .slider .owl-theme .owl-controls .owl-nav .owl-next{right:15px;} .slider:hover .owl-theme .owl-controls .owl-nav div{opacity:1;} .slider .owl-theme .owl-controls .owl-nav div:hover{color:#fff!important;background:#000!important;} /*-------------------------------location-section------------------------------------------*/ .location-section{background:url(../images/location-bg.jpg) no-repeat #1d1c1b;background-size:cover;color:#fff;} .location-section .col-md-6.slideInRight{border-right:2px solid rgb(255 255 255 / .8);} .location-section .pr-5{padding-right:1.7rem!important} .location-section .pl-5{padding-left:1.7rem!important} .location-section h2.mb-4 {color: #ff0000;} .location-section a{color:#ff0000;} .location-section a:hover{color:#ff0000;} .location-section h3{font-size:30px;font-weight:600;text-transform:capitalize;} .location-section h3 span, .location-section ul li i.far, .location-section ul li:hover, .location-section ul li:hover a, .choose-section h2 span, .services-section h2 span, .coupons-section h2 span, .blog-section h2 span, .innerContent-section .location-section h2 span, .reviews-section h2 span{color:#fbc525!important;} .location-section ul li i.far.fa-map-marker-alt{font-size:17px;} .location-section ul li, .location-section ul li a{font-size:15px;padding-bottom:18px;color:rgb(255 255 255 / .9);text-shadow:0px 1px 1px rgb(255 255 255 / .3)} .location-section ul li span{line-height:1.6;} .location-section ul li span.ml-1{margin-left:.3rem!important} .location-section ul li .d-block.text-center{margin-left:-3px;} .location-section figure, .blog-section .blog-img, .services-section .thumb, .innerContent-section .thumb, .innerContent-section .blog-section.detail .blog-img{overflow:hidden;position:relative;} .location-section figure img, .blog-section .blog-img img, .services-section .thumb img, .innerContent-section .thumb img, .innerContent-section .blog-section.detail .blog-img img{transition:.2s linear!important;-webkit-transition:.2s linear!important;cursor:pointer} .innerContent-section .thumb img{height: 260px;object-fit: fill;width: 100%;} .location-section figure:hover img, .blog-section .blog-img:hover img, .services-section .thumb:hover img, .innerContent-section .thumb:hover img, .innerContent-section .blog-section.detail .blog-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);transition:.2s linear!important;-webkit-transition:.2s linear!important;cursor:pointer} .location-section .map{line-height:0px;} .location-section .map figure img{height:190px;} /*.location-section .pl-5 figure.mt-4{margin-top:10px!important;} .location-section .pl-5 .map figure img{height:168px;}*/ /*--------------------------------choose-section------------------------------------------*/ .choose-section{position:relative;} .choose-section .col-md-4{align-self:baseline;} .choose-section h2, .services-section h2, .coupons-section h2, .blog-section h2, .modal h2, .reviews-section h2{font-size:40px;text-transform:capitalize;color:#2f2f2f;font-weight:600;font-family:'Oswald', sans-serif;} .choose-section p{color:#6f6f6f;line-height:1.8;} .choose-section .inner-content{color:#fff;background:#1a1915;border:2px solid #dedede;transition:.4s linear; -webkit-transition:.4s linear;} .choose-section .inner-content figure img{filter:brightness(0) invert(1);} .choose-section .inner-content h4{font-size:20px;margin:0px} .choose-section .inner-content p{display:none;font-size:15px;color:#292929;line-height:1.3;transform:translate(0%, -100%);} /*----------------hover-content---------------------*/ .choose-section .inner-content:hover{background:#fbc525;color:#0c0c0c;box-shadow:0px 5px 10px rgb(0 0 0 / .4);border:0px;transition:.4s linear;-webkit-transition:.4s linear;cursor:pointer;} .choose-section .inner-content:hover figure img{filter:none;} .choose-section .inner-content:hover h4{font-weight:800;line-height:1.1;} .choose-section .inner-content:hover p{display:block;transform:translate(0, 0);} /*-------------------------------services-section------------------------------------------*/ .services-section h2, .coupons-section h2, .blog-section h2{font-size:50px;} .services-section .owl-item.active{animation:.4s zoomIn linear;-webkit-animation:.4s zoomIn linear;} .services-section .service-content{padding:15px 0px;border:1px solid #a5a5a5!important;border-top:0px!important;background:#fff;} .services-section h5{font-size:22px;text-transform:uppercase;color:#2f2f2f;margin-bottom:20px;font-weight:800;} .services-section .inner-button{width:150px;margin:0px auto 10px;padding:0px 3px;background:#fbc525;border-radius:30px;} .services-section .btn.btn-default{background:#2f2f2f;width:144px;font-size:14px;height:40px;line-height:40px;color:rgb(255 255 255 / .95);text-transform:uppercase;font-weight:600!important;} .services-section .inner-button:hover{background:#ff0000!important} .services-section .btn.btn-default{min-width: 143px;} /*-----------------------Owl-controls-------------------------*/ .services-section .owl-controls .owl-nav div, .coupons-section .owl-controls .owl-nav div, .choose-section .owl-controls .owl-nav div{opacity:1;background:transparent!important;color:#fbc525;font-size:32px} .services-section .owl-theme .owl-controls .owl-nav .owl-prev, .coupons-section .owl-theme .owl-controls .owl-nav .owl-prev, .choose-section .owl-controls .owl-nav .owl-prev{left:-40px;} .services-section .owl-theme .owl-controls .owl-nav .owl-next, .coupons-section .owl-theme .owl-controls .owl-nav .owl-next, .choose-section .owl-controls .owl-nav .owl-next{right:-40px;} .services-section .owl-controls .owl-nav div:hover, .coupons-section .owl-controls .owl-nav div:hover, .choose-section .owl-controls .owl-nav div:hover{color:#2f2f2f;} /*-------------------------------coupons-section----------------------------------------*/ .coupons-section .owl-item.active{animation:.4s slideInUp linear;-webkit-animation:.4s slideInUp linear;} .coupons-section .coupon-box{border:dashed 3px;font-family:'Open Sans', sans-serif;color:#000;height:280px;position:relative;} .coupons-section .coupon-box .valid{color:#fff;padding: 8px 5px;font-size:14px;} .coupons-section .coupon-box .offer{font-size:55px;font-family:'Open Sans', sans-serif;color:#000;padding:5px;line-height:1;margin:0;text-transform:uppercase;} .coupons-section .coupon-box .service{padding:2px;font-size:20px;font-weight:600;margin:0;} .coupons-section .coupon-box .description{padding:8px 12px 15px;font-size:14px;line-height:1.4;font-weight:500;} .coupons-section .coupon-box figure{position:absolute;bottom:6px;right:6px;} .coupons-section .dark-brown{border-color:#580101;} .coupons-section .dark-brown .valid{background:#580101;} .coupons-section .dark-gold{border-color:#573a01;} .coupons-section .dark-gold .valid{background:#573a01;} .coupons-section .dark-green{border-color:#082c00;} .coupons-section .dark-green .valid{background:#082c00;} .coupons-section .dark-purple{border-color:#23003f;} .coupons-section .dark-purple .valid{background:#23003f;} /*-------------------------------address-section----------------------------------------*/ .address-section{border-top-color:#adadad!important;} .address-section iframe{height:300px} /*--------------------------------blog-section------------------------------------------*/ .blog-section{background:url(../images/blog-bg.jpg) no-repeat;background-size:cover;height:680px} .blog-section h2{color:#fff;} .blog-section .blog-box{position:relative;} .blog-section .blog-content, .blog-section.detail .related-blogs .blog-content{position:absolute;top:95%;left: 0;margin: auto;width: 84%;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;} .blog-section .blog-content h5{font-size:19.8px;color:#131313;font-weight: 600;border-bottom-color: #ff3333!important;line-height: 1.4;box-shadow: 0px 1px 0px #ffcccc;margin:0;} .blog-section .blog-content p.date{font-size:16px;color:#454444;font-weight:500;text-shadow:0px 1px 1px rgb(69 68 68 / .2);display:flow-root;line-height:36px} .blog-section .blog-content i.far{border:1px solid #ff0000;width: 46px;height: 46px;text-align: center;color: #ff0000; border-radius: 50%;line-height: 46px;font-size:30px;} /*----------------hover-content---------------------*/ .blog-section .blog-box:hover .blog-content{background:#000!important;color:#fff;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;outline:none!important;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;} .blog-section .blog-box:hover .blog-content h5, .blog-section .blog-box:hover .blog-content p, .blog-section .blog-box:hover .blog-content i.far{color:#fff!important;} .blog-section .blog-box:hover .blog-content h5{border-bottom-color:#fff!important;} .blog-section .blog-box:hover .blog-content i.far{border-color:#fff;} /*------------------------------copyright-section-----------------------------------------*/ .copyright-section{background:#fff;padding:16px 0px;color:#1e1e1e;} .copyright-section p{line-height:normal;font-weight:500;text-shadow:0px 1px 1px rgb(0 0 0 / .2);} .copyright-section .d-flex{align-items: center;justify-content: space-between;width: 100%;} .copyright-section .d-flex ul{display: flex;align-items: center;} .copyright-section .d-flex ul li{margin-right: 18px;} .copyright-section .d-flex ul li a{color: #fff;} .copyright-section .d-flex ul li a:hover{color: #f7b239;} .copyright-section div:empty{display: none;} /*-----------------------------------Scroll-to-Top-------------------------------------------*/ #mkd-back-to-top {position: fixed;width:60px;height:60px;right:15px;bottom:21px;margin: 0;z-index: 10001;-webkit-transition: opacity .15s ease-out,visibility .15s ease-out;-moz-transition: opacity .15s ease-out,visibility .15s ease-out;transition: opacity .15s ease-out,visibility .15s ease-out;overflow: hidden;opacity: 1;visibility: visible;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} #mkd-back-to-top>span{text-align:center;} #mkd-back-to-top:hover .mkd-icon-stack{-webkit-transform: translate3d(0,-100%,0);-moz-transform: ranslate3d(0,-100%,0);transform: translate3d(0,-100%,0);} #mkd-back-to-top .mkd-icon-stack {-webkit-transition: all .25s cubic-bezier(.35,.7,.32,.9);transition: all .25s cubic-bezier(.35,.7,.32,.9);font-size:35px;background:#fbc525;height:60px;width:60px;z-index: 10001;color:#fff;font-weight:100;line-height: 60px;} #mkd-back-to-top .mkd-icon-stack, .mkd-back-to-top-inner {position: absolute;top: 0;left: 0;-moz-transition: all .25s cubic-bezier(.35,.7,.32,.9);} #mkd-back-to-top span span {display: block;line-height:60px;font-weight:500;} #mkd-back-to-top:hover .mkd-back-to-top-inner {opacity: 1;-webkit-transition: all .25s cubic-bezier(.35,.7,.32,.9); -moz-transition: all .25s cubic-bezier(.35,.7,.32,.9);transition: all .25s cubic-bezier(.35,.7,.32,.9);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background-color:#ff0000;width:60px;height:60px;color:#fff;font-weight:100;} /*---------------------------------Inner-page-css------------------------------------------*/ .banner-content {position: absolute;content: "";top: 0;bottom: 0;margin: auto;left: 0;right: 0;} .breadcrumb{padding:15px 0px 15px 5.5%;margin: 0;background:rgb(0 0 0 / .84);color:rgb(255 255 255 / .9);position: absolute;bottom: 0px;left: 0;width: 100%;border-radius: 0;} .breadcrumb li:before{position: absolute;top: 0;right: -12px;margin: auto;content: "/";font-size:17px;font-weight: 600; line-height: 1.4;} .breadcrumb li{ margin-right: 1.1em;position: relative;line-height: normal;} .breadcrumb li:last-child {margin-right: 0;} .breadcrumb li:last-child:before {content: "";} .breadcrumb li a {color:rgb(255 255 255 / .9);font-size: 16px;text-transform: capitalize;font-weight: 500;} /*------------------------------Location-page-css-----------------------------------------*/ .innerContent-section h2{color:#2f2f2f;font-family:'Oswald', sans-serif;} .innerContent-section .location-section{color:#2f2f2f;background:#f4f2f3;} .innerContent-section .location-section h2, .innerContent-section .coupons-section h2, .employment-section h2{font-size:40px;} .innerContent-section .location-section .col-md-6.slideInRight{border-right:2px solid #bebebe;} .innerContent-section .location-section ul li span.ml-1{margin-left:.4rem!important;} .innerContent-section .location-section .map figure{overflow:visible;} .innerContent-section .location-section ul li, .innerContent-section .location-section ul li a{color: rgb(47 47 47 / .75);font-weight:600;text-shadow:none;font-size:14.5px;} .innerContent-section .location-section ul li i.far{font-size:17px;} .innerContent-section .location-section ul li i.far.fa-map-marker-alt{line-height:1.45;float:left;height:30px;} /*-------------------------------Coupons-page-css-----------------------------------------*/ .promotion-content .col-lg-3{-ms-flex: 0 0 20%;flex:0 0 20%;max-width:20%;} .promotion-content .promo-box{color:#fff;border:3px dashed #000;min-height:200px;height:100%;padding:15px;position:relative;} .promotion-content .promo-box.green{background:#71a94e;} .promotion-content .promo-box.blue{background:#22a5dd;} .promotion-content .promo-box.orange{background:#fa8c19;} .promotion-content .promo-box.purple{background:#ae70af;} .promotion-content .promo-box.red{background:#d93e3c;} .promotion-content .promo-box h4.service{font-size:28px;font-weight:400;line-height:1.25;} .promotion-content .promo-box a{color:#000;border-bottom:1px dotted #000;font-size:20px;position:absolute;bottom:15px;left:35px;right:35px;margin:auto;} /*--------------------------------About-page-css------------------------------------------*/ .innerContent-section .about-inner{float:left;width:50%;z-index:1001;} .innerContent-section .about-section .thumb:hover img, .innerContent-section .blog-section.detail .blog-img:hover img{transform: scale(1.04);-webkit-transform: scale(1.04);} .innerContent-section .about-content{width:100%;max-width:100%;} .innerContent-section .about-section h2{font-size:42px;color:#2f2f2f;margin-bottom: 10px;line-height:0.9;font-family:'Oswald', sans-serif;} .innerContent-section .about-section p, .innerContent-section .blog-section.detail .blog-content p, .innerContent-section .about-section ul li{font-size:16px;color:rgb(92 92 92 / .8);font-weight:400;line-height:1.8;text-shadow:0px 0px 1px rgb(0 0 0 / .26);} .innerContent-section .about-section ul li{color:#5c5c5c;text-shadow:none;line-height:1.6;margin-bottom:10px;list-style:disc} .innerContent-section .about-section ul li strong{color:#333;} /*--------------------------Services-detail-page-css-------------------------------------*/ .accordion .card{margin-bottom:20px;border: 0px;border-radius:0px;} .accordion .card:last-child{margin-bottom:0px;} .accordion .card-header{padding:10px 15px;background: #fff;border:0px!important;box-shadow: none!important;border-radius: 0!important;margin-bottom:0px!important;outline: none!important;background:#000;} .accordion .card-header h3{font-size:20px;margin: 0;line-height:normal;} .accordion .card-header .btn-link{color:#fff;font-size:20px;font-weight:400;text-decoration: none;padding: 0;box-shadow: none!important;outline: none!important;border: 0px!important;width:100%;text-align:left;} .accordion .card-header .btn-link i.fal{padding-right:7px;} .accordion .card-body{padding:15px 1em 15px 1.5em;font-size:16px;border:1px solid #c1c1c1;border-top:0px;background:#f5f5f5;color:#3f3f3f;line-height:1.7;} .accordion .card-body h5{font-size:18px;text-transform: none;font-weight: 600;} .accordion .card-body ul.services-list li{list-style:disc;padding-bottom:10px;cursor:pointer} .accordion .card-body ul.services-list li:hover{color:#ff0000;text-indent:3px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;} .accordion .card-header:hover{background:#fac525;} .accordion .card-header:hover .btn-link, .accordion .card-header:hover i.far{color:#fff;font-weight:500;} .accordion .card-header.active {background: #fac525;} /*---------------------------------Blog-page-css----------------------------------------*/ .innerContent-section .blog-section .blog-box{margin-bottom:52%;} .innerContent-section .blog-section .blog-content, .blog-section.detail .related-blogs .blog-content{box-shadow:0px 5px 8px rgb(0 0 0 / 15%);} /*----------------------------Blog-deatil-page-css--------------------------------------*/ .innerContent-section .blog-section.detail .blog-img{float:left;width:50%;} .blog-section.detail .blog-content{width: auto;padding: 0;float: none;position:relative;top:0;box-shadow:none;color:#3b3b3b;} .blog-section.detail .blog-content h2{font-size:42px;font-weight:800;color:#3b3b3b;text-transform:none;} .blog-section.detail .blog-content h4{font-size:26px;font-weight:800;color:#3b3b3b;margin-bottom:5px;} .blog-section.detail .blog-content p{color:#3b3b3b;text-shadow: 0px 0px 1px rgb(0 0 0 / 26%);} .blog-section.detail .col-md-12:hover .blog-img{border:7px solid #fbc525;} .blog-section.detail .related-blogs{margin-bottom:16%;} .blog-section.detail .related-blogs .blog-box{margin-bottom:0px;position:static;} .blog-section.detail .related-blogs .blog-content{left:15px;width:80%;} /*-------------------------------Employment-page-css-----------------------------------*/ .employment-content{color:#000;} .employment-content label{font-size:16px;font-weight:600;} .employment-content span{font-size:15px;font-weight:500;} .employment-content .form-control{border:1px solid #9d9d9d!important;font-size:14.6px;color:#7d7d7d;padding:12px;height:40px;line-height:normal;border-radius:2px;} .employment-content .form-control::placeholder{color:#7d7d7d;} .employment-content input[type=radio]{margin:4px 8px 2px 0px;} .employment-content textarea.form-control{height:100px!important} .employment-content .form-control.pb-5{padding-bottom:2.2rem!important} .employment-content .border{border-color:#9d9d9d!important;} .employment-content .btn.btn-default:hover{font-weight:600!important} /*-------------------Appointment-Modal-box-------------------*/ .modal-open{padding:0px!important} .modal {padding:0px!important;color:#2f2f2f;z-index:1000001} .modal h2 span{color:#ff0000;} #myModal .modal-dialog{max-width:970px;width:100%;margin:71px auto;background:#46494a;border:10px solid #000;} .modal-header{padding:0px 15px;border:0px;border-radius:0px;} .modal-header .close {margin-top:0;} /* The Close Button */ .modal-header .close {color:#2f2f2f;border:none;left: 0;line-height:25px;outline:0;transition: all .35s ease;cursor:pointer;opacity: 1;text-shadow: none;font-size:48px;font-weight:600;border: 0;box-shadow: none;} .modal-header .close:hover, .modal-header .close:focus {text-decoration: none;cursor: pointer;opacity:.9;} /* Modal Body */ #myModal .modal-content{border:4px solid #fff;box-shadow: none;border-radius:0px;background-color:rgb(255 255 255 / .77);} .modal-body {padding:0px 28px 2em;color:#2f2f2f;border-radius:0px;} .modal-content form.appointment-form{ padding:25px 0px 0px;} .modal-content .form-group{margin-bottom:20px;} .modal-content .form-control, .modal-body select.form-control, .ui.input input{font-size:16px;border-radius:6px!important;box-shadow:none!important;border:0px;height:52px;padding:10px;font-weight:500;color:#828688!important;line-height:normal!important;background-color:#fff!important;font-family: 'Lato', sans-serif!important;transition:none!important} input:-internal-autofill-selected{background-color:#fff!important} .modal-body select.form-control{padding:0px 7px;font-size:15px} .modal .form-control::placeholder, .modal .form-control::-ms-input-placeholder, .modal .form-control::-moz-placeholder{color:#828688!important;font-weight:500;} .modal-content textarea.form-control{height:120px!important;width:100%;} .modal-content .inner-button {padding: 0px 4px;width: 172px;margin-top:15px;} .modal-content .btn.btn-default{font-size:16px;height:40px;line-height:40px;width:180px;} .modal-body label{font-size:16.5px;color:#000;font-weight:600;display: block;width: 100%;margin-bottom:5px;} .modal-body select option[value=""][disabled]{display:none;} .modal-body .appointment-form input[type=radio]:before {position: absolute;content: '';top: 0;margin: auto;bottom: auto;left: 0;border:3px solid #ff0000;border-radius: 3px;display: none;} .modal-body input[type=radio]{vertical-align: middle;padding-top: 7px;outline: none!important;box-shadow: none!important;margin-right:6px;} .modal-body input[type=checkbox]{margin-right:5px;} .modal-body label.error{color: #f00!important;font-weight: 500;font-size: 15px;} #myModal .modal-body h4.success{text-align:center;} /*-------------------Promotion-Modal-box-------------------*/ .promotion .modal-dialog{max-width:450px;width:100%;margin:165px auto;background:#46494a;} .promotion .modal-content{border-top:5px solid #ff0000;box-shadow: none!important;border-radius:0px;} .promotion .modal-header{padding: 0px 10px;box-shadow: none!important;outline:none!important} .promotion .modal-header .close{font-size: 32px;line-height:5px;box-shadow: none!important;outline:none!important} .promotion .modal-body.p-4{padding: 1.2rem 10px!important;font-size: 18px;} /*-----------------------------------media-css----------------------------------------------*/ @media (max-width: 1299px) and (min-width: 1023px) { #header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a { padding: 6px; font-size: 15px; } } @media(max-width:1299px){ html{overflow-x:hidden!important;} #header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a{padding:24px 14px;} #header.fixed-header{visibility:visible!important} .slider .owl-theme .owl-controls .owl-nav .owl-prev{left:5px;} .slider .owl-theme .owl-controls .owl-nav .owl-next{right:5px;} .choose-section h2, .services-section h2, .coupons-section h2, .blog-section h2, .modal h2, .innerContent-section .location-section h2, .employment-section h2, .services-section .mb-4, .coupons-section .coupons, .blog-section .col-md-4, .innerContent-section .services-section .col-lg-3.col-md-4, .innerContent-section .coupons-section .col-md-4, .location-section h3{visibility:visible!important;} .innerContent-section .about-section p{font-size:15.5px} .promotion-content .promo-box h4.service{font-size:26px;} .promotion-content .promo-box a{font-size:17.4px} .choose-section h2{font-size: 36px;} .location-section ul li, .location-section ul li a{font-size:13.6px} .location-section ul li span.ml-1{margin-left:.1rem!important} .location-section .map figure img{height:175px;} /*.location-section .pl-5 figure.mt-4{margin-top: 4px!important;} .location-section .pl-5 .map figure img{height:160px;}*/ .blog-section{height:650px} .breadcrumb{padding:15px 0px 15px 4%;} .innerContent-section .location-section .map figure img{height:190px;} .innerContent-section .location-section .pl-5 figure.mt-4{margin-top:2px!important} .innerContent-section .location-section .pl-5 .map figure img{height:205px;} } @media(max-width:1199px){ #header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a{padding: 24px 8px;font-size: 15px;} #header .navbar-nav .btn.btn-default{height: 45px;line-height: 45px;font-size: 16.4px;width: 192px;} .pt-5{padding-top:1.5rem!important;} .pb-5{padding-bottom:1rem!important;} .location-section .pr-5{padding-right:15px!important;} .location-section .pl-5{padding-left:15px!important;} .location-section ul li i.far.fa-map-marker-alt{font-size: 16px;height: 30px;float: left;} .location-section ul li span.ml-1{margin-left:.2rem!important} /*.location-section .pl-5 figure.mt-4{margin-top:0px!important;}*/ .location-section .pl-5 .map figure img{height:190px;} .choose-section h2{font-size:30px;} .choose-section p{font-size:15px;} .choose-section .inner-content{padding:1rem 10px!important;height: 150px;} .choose-section .owl-controls .owl-nav .owl-next {right: -35px;} .choose-section .owl-controls .owl-nav .owl-prev {left: -35px;} .choose-section .inner-content h4{font-size:18px;} .choose-section .inner-content p{font-size:14px;} .services-section h2{margin:5px 0px!important} .services-section .owl-theme .owl-controls .owl-nav .owl-prev, .coupons-section .owl-theme .owl-controls .owl-nav .owl-prev{left:-35px} .services-section .owl-theme .owl-controls .owl-nav .owl-next, .coupons-section .owl-theme .owl-controls .owl-nav .owl-next{right:-35px;} .coupons-section .coupon-box .offer{font-size:50px;} .blog-section{height:520px} .blog-section .blog-content, .blog-section.detail .related-blogs .blog-content{width:90%;padding:10px 12px!important} .blog-section .blog-content h5{font-size:18px;padding-bottom:10px!important;} .blog-section .blog-content p.date{padding-top:1rem!important} .blog-section .blog-content i.far{width:40px;height:40px;line-height:40px;font-size:28px;} .breadcrumb{padding:15px 0px 15px 3.2%;} .innerContent-section .location-section .pr-5 figure.mt-4{margin-top:0px!important;} /*.innerContent-section .location-section .pl-5 figure.mt-4{margin-top:1.5rem!important;}*/ .innerContent-section .location-section .map figure img{height:207px;} .innerContent-section .blog-section.detail h2{margin-bottom:1.5rem!important;} .innerContent-section .blog-section.detail .row.mb-2{margin-bottom:0px!important} .blog-section.detail .blog-content{padding:0px!important} .blog-section.detail .blog-content h2{font-size:38px;margin-bottom:8px!important;} .blog-section.detail .related-blogs .blog-content{width:80%;} .services-section h5{font-size:18.5px;} .innerContent-section .services-section.detail.pb-5, .innerContent-section .employment-section.pb-5{padding-bottom:1.8rem!important} .innerContent-section .coupons-section h2{padding-bottom:0px!important;margin-bottom:0px;} .promotion-content .promo-box{min-height:172px;} .promotion-content .promo-box h4.service{font-size:22px;} .promotion-content .promo-box a{font-size:16.5px;width:120px;left: 0;right: 0;} .promotion-content.mb-5{margin-bottom:1.3rem!important} .innerContent-section .about-section h2{font-size:35px;margin-bottom:15px!important;} .employment-section h2{padding-bottom:0px!important;} } @media(max-width:1024px){ .subscription-section iframe{height:980px;} } @media(max-width:1024px){ div#myNavbar.navbar-collapse.collapse{flex-direction: column;} div#myNavbar.navbar-collapse.collapse .flex.aic{zoom: 0.7;min-height: auto;margin-top: -15px;width: 100%;flex-direction: initial;} } @media(max-width:991px){ .container {max-width:100%;} #header .logo{ width: 180px;padding: 16px 0px 12px;} ul.nav.navbar-nav{padding-left: 1.4em;} #header .navbar-nav>li:first-child>a{padding-left:0px!important;} .navbar-nav>li.dropdown a:before{font-size:10px;top:15px} #header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a{padding:15px 6px;font-size:12px;} #header .navbar-nav .btn.btn-default, #header.fixed-header .navbar-nav .btn.btn-default{height: 36px;line-height: 36px;font-size: 15.5px;margin: 6px auto;margin-left: 2px!important;width:173px;} #header.fixed-header .logo{width:150px;padding:6px 0px;} .slider .owl-theme .owl-controls .owl-nav div{font-size:15px;line-height:30px;height:30px;width:30px;} .pt-5{padding-top:1rem!important;} .mt-5{margin-top:1rem!important} .pl-5{padding-left:15px!important;padding-top:16px} .location-section .col-md-6.pr-5, .location-section .col-md-6.pl-5, .choose-section .col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;border:0px!important;visibility:visible!important;} .location-section ul li, .location-section ul li a{font-size:16.4px!important;} .location-section ul li span.ml-1{margin-left:.4rem!important} .location-section ul li i.far.fa-map-marker-alt{font-size: 16px;height: auto;float: none;} .location-section ul li span.pull-right.text-right{float:none!important;padding-left:5em;} .location-section ul li span.pull-right.text-right.closed{padding-left:5.35em;} .location-section ul li span.pull-right.text-right.closedp, .innerContent-section .location-section ul li span.pull-right.text-right.closedp{padding-left:5.7em;} .location-section .map{float: left!important;width:100%} .location-section .map img.w-100{width: auto!important;float: right;} .innerContent-section .location-section .pr-5 figure.mt-4, .innerContent-section .location-section .pl-5 figure.mt-4, .location-section .pl-5 figure.mt-4{margin-top:1.1rem!important;} .location-section .map figure img{height:200px;} .choose-content.pt-3{padding: 0px!important;padding-bottom:5px!important;text-align:center;} .choose-section h2{font-size:38px;} .choose-section p{font-size:16px;} .choose-section .inner-content{border-width:1px!important;margin-bottom:1rem!important} .choose-section .inner-content h4{font-size:20px;} .choose-section .inner-content p{font-size:15px;} .choose-section .owl-controls .owl-nav .owl-prev {left: -18px;} .choose-section .owl-controls .owl-nav .owl-next {right: -18px;} .mt-4{margin-top:1.1rem!important;} .services-section .owl-theme .owl-controls .owl-nav, .coupons-section .owl-theme .owl-controls .owl-nav{font-size:30px} .services-section .owl-theme .owl-controls .owl-nav .owl-prev, .coupons-section .owl-theme .owl-controls .owl-nav .owl-prev{left:-18px} .services-section .owl-theme .owl-controls .owl-nav .owl-next, .coupons-section .owl-theme .owl-controls .owl-nav .owl-next{right:-18px;} .address-section.pt-4{padding-top:10px!important} .address-section .mt-4{margin-top:6px!important} .address-section .address-content.pull-right{float:left!important;} .blog-section{height:435px!important;} .blog-section .blog-content, .blog-section.detail .related-blogs .blog-content{width:95%;} .blog-section .blog-content h5{font-size:15.2px;} .blog-section .blog-content i.far{width: 35px;height: 35px;line-height: 35px;font-size: 25px;} .banner-content{position:relative;} .banner-content .container{padding:0px;} .breadcrumb{padding:12px 15px;position: relative;background:#000;} .services-section h5{font-size:20px;} .innerContent-section .coupons-section h2{margin-bottom:4px;} .promotion-content .col-lg-3{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .promotion-content .promo-box{min-height:175px;} .promotion-content .promo-box h4.service{font-size:24px;} .promotion-content .promo-box a{font-size:17.5px;width:150px;} .coupons-section .coupon-box{height:275px} .coupons-section .coupon-box .offer{font-size: 42px;} .coupons-section .coupon-box .service{font-size:18px} .coupons-section .coupon-box .description{padding: 8px 10px 15px;} .innerContent-section .about-inner .thumb.mb-4.pr-4{padding-right:1rem!important;margin-bottom:8px!important} .innerContent-section .about-section h2{font-size:28px;} .innerContent-section .about-section p, .innerContent-section .about-section ul li{font-size:15px;} .blog-section.detail{height:auto!important} .innerContent-section .blog-section.detail .blog-img.mb-4.mr-4{margin-right:1rem!important;margin-bottom:8px!important} .blog-section.detail .blog-content h2{font-size:28px;} .innerContent-section .blog-section.detail .blog-content p{font-size:14.6px} .blog-section.detail .related-blogs{margin-bottom:19%;} .blog-section.detail .related-blogs .blog-content{width:85%;padding: 10px!important;} #myModal .modal-dialog{max-width:750px;margin:48px auto;} } @media(min-width:768px){ .navbar-brand, .closebtn, #header .mobile-button{display:none;} div#myNavbar.navbar-collapse.collapse{display: flex !important;justify-content: space-evenly;} } @media(max-width:768px){ .navbar-brand{display:block;padding:0;margin:0;position: absolute;right:15px;top:-162px;bottom:auto;z-index: 100000001;} } @media(max-width:767px){ .innerContent-section .thumb img {height: 300px;} div#myNavbar.navbar-collapse.collapse .flex.aic{display: none;} .subscription-section iframe { height: 1010px;} .choose-section .inner-button{display:none;} #header{border-top:4px solid #ff0000;} /* #header .logo{width:180px;padding:16px 0px 12px;} */ #header.fixed-header .logo{width: 155px;padding: 12px 0px 8px;} #header.fixed-header .navbar-brand{top:-105px;} #header .col-lg-9.col-md-9{padding-right:0px;} .header-menu{background:transparent;clip-path: none;-webkit-clip-path: none;width: 100%;margin: 0;padding-left:0px;z-index:1000001;} .navbar-toggler{background:#ff0000;border: 0;box-shadow: none!important;outline: none!important;line-height: normal;border-radius: 0px;color: #fff;margin:0px;padding:6px 12px;} .navbar-nav, .navbar.navbar-expand-md{padding:0px;float:left;width:100%;} ul.nav.navbar-nav{padding-left:0;padding-bottom:10px;background: #000;} #header .navbar-nav>li:first-child>a{padding-left: 15px!important;} #header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a{font-size:14.5px;padding:15px 15px 5px;color:#fff;} #header .navbar-nav .button{margin:0px 10px;display:none;} #header .mobile-button{width:93%;margin:0px 15px 14px;} #header .navbar-nav .btn.btn-default, #header.fixed-header .navbar-nav .btn.btn-default, #header .mobile-button .btn.btn-default{height: 44px;line-height: 44px;width: 100%;font-size: 18px;} #header .mobile-button .btn.btn-default{} .slider{border-bottom:0px!important;} .slider .owl-theme .owl-controls .owl-nav div{display:none} .mt-5{margin-top:0px!important} .location-section.pt-5{padding-top:10px!important;} .location-section .col-md-6 .col-md-6.pr-0{width:50%;} .location-section h3{font-size:28px;margin-bottom:16px!important;} .location-section ul li, .location-section ul li a{font-size:13.2px!important;} .location-section ul li span.pl-4{padding-left:1.3rem!important;} .location-section ul li span.pull-right.text-right{padding-left:4em;} .location-section ul li span.pull-right.text-right.closed{padding-left:4.3em;} .location-section ul li span.pull-right.text-right.closedp{padding-left:4.7em;} .innerContent-section .location-section ul li span.pull-right.text-right.closed{padding-left:2.95em;} .innerContent-section .location-section ul li span.pull-right.text-right.closedp{padding-left:3.3em;} .location-section .pl-5 .map figure img{height:160px;} .innerContent-section .location-section ul li span.pl-4{padding-left:1.5rem!important;} .innerContent-section .location-section ul li span.pull-right.text-right{padding-left:2.6em;} .innerContent-section .location-section ul li, .innerContent-section .location-section ul li a{font-size:15px!important;} .location-section figure.mt-4 {display: none;} .innerContent-section .location-section .map figure img{height:220px;} .choose-section .inner-content {height: auto;} .choose-content.pt-3{padding-top:0px!important;} .choose-section h2{margin-bottom:10px!important;} .choose-section h2, .services-section h2, .coupons-section h2, .blog-section h2, .modal h2, .innerContent-section .location-section h2, .employment-section h2{font-size:35px;} .choose-section p, .breadcrumb li a{font-size:14.6px} .choose-section .inner-content .d-block, .service-content .d-block, .promotion-content .d-block{display:inline!important} .choose-section .inner-content{margin-bottom:1.1rem!important} .choose-section .inner-content h4{font-size: 20px;margin-bottom: 5px;} .services-section .mb-4{margin-bottom:12px!important;} .coupons-section h2{margin-top:6px} .coupons-section .coupon-box{height:240px;} .coupons-section .owl-item.active{animation:none;-webkit-animation:none;} .address-section iframe{height: auto;margin-bottom: 10px;} .blog-section{height:auto!important;display:none;} .innerContent-section .blog-section.bg-white{display:block} .blog-section .mb-4{margin-bottom:1rem!important} .blog-section .blog-content, .blog-section.detail .related-blogs .blog-content{position:relative;top: 100%;width: 100%;left:0;padding:1rem!important} .blog-section .blog-content h5{font-size:20px;padding-bottom:12px!important;} .blog-section .blog-content i.far{width:40px;height:40px;line-height:40px;font-size:28px;} .copyright-section{padding:14px 0px;font-size: 15px;background:#1a1915;color:rgb(255 255 255 / .9);} #mkd-back-to-top{width: 55px;height: 55px;right: 6px;bottom: 19px;} #mkd-back-to-top .mkd-icon-stack{font-size:30px;height: 55px;width: 55px;line-height: 55px;} #mkd-back-to-top:hover .mkd-back-to-top-inner{height: 55px;width: 55px;} #mkd-back-to-top span span{line-height:55px;} .breadcrumb{padding:10px 15px;} .innerContent-section .mb-5{margin-bottom:1rem!important;} .innerContent-section .services-section.detail.pb-5, .innerContent-section .employment-section.pb-5{padding-bottom:1.5rem!important} .innerContent-section .coupons-section h2{margin:0px 0px 4px;} .promotion-content .col-lg-3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;} .promotion-content .promo-box{min-height:120px} .promotion .modal-dialog{max-width:400px;margin:40% auto;} .promotion .modal-body.p-4{padding: 1rem 10px!important;font-size: 16.5px;} .coupons-section .coupon-box .offer{font-size:55px;} .coupons-section .coupon-box .service{font-size:20px} .innerContent-section .about-inner, .innerContent-section .blog-section.detail .blog-img{width:100%;} .innerContent-section .about-inner .thumb.mb-4.pr-4{padding-right:0px!important;margin-top:8px;margin-bottom:1.2rem!important} .innerContent-section .about-section h2{font-size:30px;margin-bottom:1rem!important;} .employment-content .border{padding:1rem!important;margin:0px 15px!important;} .employment-content .col-md-6:first-child .form-control{margin-bottom:15px;} .blog-section h2{margin-bottom:2px!important;} .innerContent-section .blog-section h2{margin-bottom:0px!important} .innerContent-section .blog-section .blog-box{margin-bottom:10px;} .blog-section.detail .blog-content{padding:0px!important} .innerContent-section .blog-section.detail h2{margin-bottom:15px!important;} .blog-section.detail .blog-content h4{font-size:20px;margin-bottom:6px;margin-top:8px!important;} .blog-section.detail .related-blogs{margin-bottom:10px;} .innerContent-section .blog-section.detail .blog-img{float:none;} #myModal .modal-dialog{max-width:400px;margin:57px auto;border:5px solid #000;} #myModal .modal-header{padding: 0px 10px 15px;} #myModal .modal-header .close{line-height:10px;font-size: 40px;} #myModal .modal-body{padding:0px 15px 6px} #myModal .modal-content form.appointment-form{padding: 10px 0px 0px;} #myModal .modal-content .form-group{margin-bottom: 15px;} #myModal .send-btn.mt-3{margin-top:5px!important;} #myModal .modal-body h4.success {font-size: 20px;text-align: center;} .accordion .card{margin-bottom:15px;} .accordion .card-header{padding:10px} .accordion .card-body{padding: 12px 15px;font-size: 15px} .accordion .card-body h5{padding-bottom: 10px!important;} } @media(max-width:539px){ .location-section .col-md-6 .col-md-6.pr-0{width:100%;} .location-section ul li, .location-section ul li a{font-size:15px!important;padding-bottom:15px;} /*.location-section ul li span.ml-1{margin-left:.25rem!important}*/ .location-section ul li span.pull-right.text-right, .innerContent-section .location-section ul li span.pull-right.text-right{padding-left:5em;} .location-section ul li span.pull-right.text-right.closed, .innerContent-section .location-section ul li span.pull-right.text-right.closed{padding-left:5.35em;} .location-section ul li span.pull-right.text-right.closedp, .innerContent-section .location-section ul li span.pull-right.text-right.closedp{padding-left:5.7em;} .location-section ul li span.pl-4{padding-left:1.4rem!important;} .location-section .map img.w-100{width:100%!important;float:left;} .location-section .map figure{background:url(../images/frisco-mobile-location.jpg) no-repeat;background-size:cover;height:220px;} .location-section .pl-5 .map figure{background:url(../images/prosper-mobile-location.jpg) no-repeat;background-size:cover;height:220px;} .location-section .map figure img, .location-section .pl-5 .map figure img{display:none;} .location-section h2.mb-4{margin-top: 10px;font-size: 18px;margin-bottom: 20px!important;} } @media(max-width:424px){ .subscription-section iframe { height: 1175px;} #header .mobile-button{margin:0px 10px 14px;} .location-section .map figure, .location-section .pl-5 .map figure{height:213px!important;} .innerContent-section .about-content h4{font-size:20px;} .innerContent-section .about-section h2{font-size:25px;} .promotion-content .promo-box{min-height:140px;} .modal h2{font-size:30px;} .blog-section.detail .blog-content h4{font-size:17.8px;} .innerContent-section .about-section p, .innerContent-section .blog-section.detail .blog-content p, .innerContent-section .about-section ul li, .accordion .card-body{font-size:14.5px;} #myModal .modal-dialog{max-width:350px;margin:60px auto;} .copyright-section{font-size:14px;} #mkd-back-to-top{right:4px;} .accordion .card-header h3, .accordion .card-header .btn-link{font-size:18px} .accordion .card-body h5{font-size:16.5px;} .promotion .modal-dialog{max-width:350px;} } @media(max-width:375px){ .location-section .map figure, .location-section .pl-5 .map figure{height:192px!important;} } @media(max-width:372px){ .subscription-section iframe { height: 1220px;} #mkd-back-to-top{bottom:28px;} .location-section .map figure, .location-section .pl-5 .map figure{height:184px!important;} } @media(max-width:350px){ .subscription-section iframe { height: 1350px;} .location-section ul li span.pull-right.text-right{float:right!important;padding-left:0px;} .location-section .map figure, .location-section .pl-5 .map figure{height:161px!important;} .choose-section h2{font-size:30px;} .employment-content h5, .innerContent-section .about-content h4{font-size:18px;} .employment-content p{font-size: 14.6px;} .blog-section.detail .blog-content h2{font-size:25px;} .promotion .modal-dialog{max-width:300px;} .innerContent-section .about-section h2{font-size:22px;} #myModal .modal-dialog{max-width:300px;} .modal h2{font-size:25px;} .location-section h2.mb-4{font-size:15.5px;margin-bottom:15px!important;} } .choose-section h1{ font-size: 40px; text-transform: capitalize; color: #2f2f2f; font-weight: 600; font-family: 'Oswald', sans-serif; visibility: visible; animation-name: zoomIn; } .choose-section h1 span{ color: #fbc525 !important; } .innerContent-section .location-section h1{ font-size: 40px; visibility: visible; animation-name: zoomIn; } .innerContent-section h1{ color: #2f2f2f; font-family: 'Oswald', sans-serif; } .innerContent-section .location-section h1 span{ color: #fbc525 !important; } .services-section .innerContent-section h1{ color: #2f2f2f; font-family: 'Oswald', sans-serif; visibility: visible; animation-name: zoomIn; } .services-section h1 span{ color: #fbc525 !important; } .services-section h1{ font-size: 50px !important; } .innerContent-section .coupons-section h1 { font-size: 40px; visibility: visible; animation-name: zoomIn; color: #2f2f2f; font-family: 'Oswald', sans-serif; } .employment-section h1 { font-size: 40px; visibility: visible; animation-name: zoomIn; color: #2f2f2f; font-family: 'Oswald', sans-serif; } .breadcrumb li h1:last-child{ font-size: 16px; }