/** ========= GLOBAL STYLES ========= **/
@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,700|Great+Vibes');
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, input, textarea{font-family: 'Dosis', sans-serif;}
p{font-size:16px; line-height:1.5em;}

.bg-dark-grey{background-color:#151515;}
.text-color-yellow{color:#ffa200;}
body, .loader, .exalt-sidebar-menu{background-color:#000;}

.spinner{background-color:#ffa200;}

.logo-icon{width:105px;}
.desktop-menu-btn{background-color:#fe9e00;}
.desktop-menu-btn:hover{background-color:#fff; color:#ffa200;}
.mobile-menu-btn{background-color:#fe9e00;}

ul#menu-primary{border-left:#fff 1px solid;}
ul#menu-primary li:before{background:#fff;}
ul#menu-primary li a, .footer-social ul li a, .copyright-txt{color:#fff;}
ul#menu-primary li a{font-size:14px; line-height:14px;}
ul#menu-primary li:hover a, ul#menu-primary li.active a, .footer-social ul li:hover a{color:#ffa200;}
ul#menu-primary li:hover:before, ul#menu-primary li.active:before{background:#ffa200;}
.copyright-txt{letter-spacing:1px;}

.hbanner-img:before, .slider-img:before{background:rgba(0, 0, 0, 0.5);}
.hbanner-txt{left:0; right:0; margin:0 auto; text-align:center;}
.hbanner-txt-small{font-size:26px; color:#fff; letter-spacing:2px; font-weight:500; text-transform:uppercase; margin:0; display:inline-block; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:12px 20px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);}
.hbanner-txt-big{font-size:90px; line-height:90px; margin-bottom:20px; font-family: 'Great Vibes', cursive; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);}

.flat-btn{background-color:#ffa200; font-size:14px; line-height:14px;  padding:25px;}
.flat-btn:hover{background-color:#fff; color:#ffa200;}

.down-btn{background:#ffa200;}
.down-btn:hover{background:#fff; color:#ffa200;}

.bg-image{position:relative; width:100%; background-position:center center;}
.bg-image:before{position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85);}
.bg-image .content-boxed .split-color{background:rgba(0,0,0,0.5);}

.about-img img{border:none;}
.progress-box{max-width:75%;}
.progress-bar{background-color:#ffa200;}

.event-box{margin-bottom:30px;}
.event-dics{padding:15px; background-color:#fff;}
.event-dics-border{padding:15px; border:#f97a9d 1px dashed;}
.event-box h3{color:#f97a9d; text-transform:uppercase; margin-bottom:15px;}
.event-box p{color:#9e6ddc; font-size:16px; margin-bottom:0; letter-spacing:1px;}
.event-box ul{margin-bottom:10px; padding-bottom:0; border-bottom:#9e6ddc 1px dashed;}
.event-box ul li{display:block; font-size:16px; line-height:16px; color:#9e6ddc; letter-spacing:1px; margin-bottom:15px;}
.event-box ul li i{margin-right:5px;}

.toolbar button{color:#151515;}
.toolbar button:hover, .toolbar button:focus{color:#ffa200;}
.tabmenu-mobile{color:#ffa200;}
.work-box{margin-bottom:0;}
.work-box:after{background:rgba(0,0,0,0.7);}
.work-box .hoverinfo a.prolink-icon{color:#ffa200;}
.work-box .hoverinfo a.prolink-icon:hover{background-color:#ffa200;}

.testimonial-box{background-color:#080808; padding:20px 15px; margin-bottom:30px; text-align:center;}
.testimonial-box h3{margin-bottom:8px; color:#ffa200;}
.testimonial-box p{margin-bottom:15px;}
.testi-img{width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; margin:0 auto 15px; border:#fff 2px solid;}
ul.star-rating{margin:0; padding:0;}
ul.star-rating li{display:inline-block; vertical-align:top; list-style:none; color:#ffa200;}

.contact-icon2{height:60px; border:none; background:#fe9e01; color:#fff; text-align:center; line-height:60px; border-radius:50%; font-size:24px; transition:0.3s;}
.gmap.behind-border-box:before{background:#ffc100;}
.contact-form .sent-btn input{color:#fff; background:#fe9e01;}
.plan-box{background:url(../images/black-background.png) repeat; border:#424242 1px solid; margin-bottom:30px; text-align:center;}
.plan-heading{padding:20px 10px; border-bottom:#4c4c4c 1px dashed;}
.plan-heading h3{color:#F77F00; margin-bottom:10px;}
.plan-heading h5{color:#F77F00; margin-bottom:0; font-size:16px;}
ul.plan-detail{margin:0 0 20px; padding:0; list-style:none;}
ul.plan-detail li{font-size:14px; padding:10px;}
ul.plan-detail li:nth-child(even){background-color:#424242;}
.btn.order-btn{background-color:#f77e00; color:#fff; text-transform:uppercase; margin-bottom:20px; padding:8px 30px;}

.appointment form{margin:0 -15px;}
.appointment .a-field{margin-bottom:30px; float:left; width:50%; padding:0 15px;}
.appointment .a-field.a-field2{width:100%;}
.appointment .a-field input, .appointment .a-field select{display:block; width:100%; height:58px; background:#fff; border:none; padding:0 15px; font-size:14px; line-height:14px; color:#808080;}
.appointment .a-field textarea{display:block; width:100%; height:164px; background:#fff; border:none; padding:15px; font-size:14px; line-height:14px; color:#808080;}
.submit-btn{padding:0 15px; text-align:right;}
.submit-btn input{display:inline-block; min-width:180px; height:58px; background:#0d447a; border:none; padding:15px 30px; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase; text-align:center; cursor:pointer;}
.calender-ico{position:relative;}
.calender-ico input{padding-right:25px !important;}
.calender-ico:after{position:absolute; content:"\f073"; font-family: "Font Awesome 5 Free"; right:25px; top:50%; transform:translate(0,-50%); color:#808080;}

.appointment .a-field ::-webkit-input-placeholder{color:#808080;}
.appointment .a-field ::-moz-placeholder{color:#808080;}
.appointment .a-field :-ms-input-placeholder{color:#808080;}
.appointment .a-field :-moz-placeholder{color:#808080;}

.why-choose-box{margin-bottom:50px;}
.why-choose-box p{margin-bottom:0;}
.choose-icon{float:left; width:80px; height:80px; background:#fff; color:#5dba47; text-align:center; line-height:80px; border-radius:50%; font-size:36px; transition:0.3s;}
.why-choose-box:hover .choose-icon{color:#0d447a;}
.choose-text{padding-left:95px;}

@media only screen and (max-width:991px) {
.hbanner-txt-small{font-size:22px; line-height:22px;}
.hbanner-txt-big{font-size:65px; line-height:65px;}
}
@media only screen and (max-width:640px) {
.hbanner-txt-small{font-size:18px; line-height:18px;}
.hbanner-txt-big{font-size:50px; line-height:50px;}
}
@media only screen and (max-width:480px) {
.hbanner-txt-big{font-size:40px; line-height:50px; margin-bottom:20px;}
}
