@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Red+Rose:wght@300;400;500;600;700&display=swap');
body { font-family: 'Open Sans', sans-serif !important; }
.wrpr { font-family: 'Red Rose', cursive !important; }
header { background: -webkit-linear-gradient(top, #7e7e7e, #3e454b); background: -moz-linear-gradient(top, #7e7e7e, #3e454b); background: -ms-linear-gradient(top, #7e7e7e, #3e454b); background: -o-linear-gradient(top, #7e7e7e, #3e454b); }
i#phonecustom { background: -webkit-radial-gradient(circle, #e3e3e3, #fcfdfe); background: -moz-radial-gradient(circle, #e3e3e3, #fcfdfe); background: -ms-radial-gradient(circle, #e3e3e3, #fcfdfe); width: 60px; height: 60px; }
.wrpr a { font-size: 40px; line-height: 40px; }
.header-social.social a { width: 35px; height: 35px; }
a#fb { background: #3B5998; }
a#tw { background: #55ACEE; }
a#ln { background: #007bb5; }
a#in { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1 );
}
a#bkcstm { font-size: 20px; font-weight: 300; }
section.thickborder { background: -webkit-linear-gradient(top, #fec72f, #f39740); background: -moz-linear-gradient(top, #fec72f, #f39740); background: -ms-linear-gradient(top, #fec72f, #f39740); background: -o-linear-gradient(top, #fec72f, #f39740); }
div#myTabContent { background: -webkit-radial-gradient(circle, #8f82b0, #2f2641); background: -moz-radial-gradient(circle, #8f82b0, #2f2641); background: -ms-radial-gradient(circle, #8f82b0, #2f2641); }
ul#myTab .nav-link.active, ul#myTab .nav-pills .show>.nav-link { background-color: #5b4398; }
ul#myTab .nav-link { background: #716493; }
a#cstmbtn, a#cstmbtn1 { font-size: 22px; padding: 15px 50px; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); background: -webkit-linear-gradient(top, #bd0fc1, #6e167f); background: -moz-linear-gradient(top, #bd0fc1, #6e167f); background: -ms-linear-gradient(top, #bd0fc1, #6e167f); background: -o-linear-gradient(top, #bd0fc1, #6e167f); border: 0px; }
.bgcover { background: url(images/bg.png) no-repeat center; background-size: 100% auto; min-height: 164px; }
.bgcover1 { background: url(images/2bg.png) no-repeat center; background-size: 100% auto; min-height: 164px; }
div#contact .bgcover { min-height: 160px; }
.bgcover p, .bgcover1 p { line-height: 17px; }
.bgcover h6, .bgcover1 h6 { color: #970101; }
div#myTabContent { top: -20px; z-index: -1; border-bottom: 5px solid #fec72f; }
div#contact .bgcover p, div#profile .bgcover1 p { line-height: 13px; }
div#contact .bgcover p small, div#profile .bgcover1 p small { font-size: 72%; }
section#owl0 .owl-nav { position: absolute; right: 0px; top: -50px; }
section#owl0 .owl-nav button { background: #757575; padding: 0px 15px !important; color: #fff; }
section#owl0 .owl-nav button span { font-size: 26px; line-height: 20px; }
section#owl0 .owl-nav button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; }
section#driver { background: -webkit-radial-gradient(circle, #89888e, #525159); background: -moz-radial-gradient(circle, #89888e, #525159); background: -ms-radial-gradient(circle, #89888e, #525159); }
section#bluedriv { background: #584b7b; }
a#contact_img { color: #584b7b; }
footer { background: -webkit-linear-gradient(top, #1c1c1c, #3f3f3f); background: -moz-linear-gradient(top, #1c1c1c, #3f3f3f); background: -ms-linear-gradient(top, #1c1c1c, #3f3f3f); background: -o-linear-gradient(top, #1c1c1c, #3f3f3f); }
section#driver:before { content: ''; background: url(images/driver.png) no-repeat center; background-size: 100% auto; right: -75px; width: 96px; height: 366px; position: absolute; bottom: 0px; }

@media screen and (max-width: 1024px) {
ul#myTab li a { font-size: 14px; }
.bgcover, .bgcover1 { background: #e0e0e0; min-height: 130px; }
footer a.h2 { font-size: 26px; }
section#driver h4, section#bluedriv h4 { font-size: 18px; }
section#driver:before { width: 58px; height: 223px; right: -36px; }
}

@media only screen and (min-width: 768px) and (max-width: 1010px) {
section#driver:before { right: 0px; width: 96px; height: 366px; }
}

@media screen and (max-width: 767px) {
ul#myTab li a { font-size: 16px; }
body .bgcover, .bgcover1 { min-height: auto; padding: 15px 15px !important; }
section#driver:before { right: 0px; }
}