body { line-height: 1.5; color: rgb(0, 0, 0); font-weight: 500; font-family: var(--fontOpenSans); overflow-x: hidden; }
#packages { scroll-margin-top: 160px; }
html { scroll-behavior: smooth; }
h1, h2, h3, h4, h5 { font-family: var(--fontPoppinSans); font-weight: 600; }
h4.headingbold { color: rgb(9, 68, 128); font-size: 36px; }
.mb-5 { margin-bottom: 50px; }
::selection { background: rgba(255, 223, 223, 0.663); color: rgb(0, 0, 0); text-shadow: none; }
::-webkit-selection { background: rgb(211, 31, 47); color: rgb(255, 255, 255); text-shadow: none; }
:active { outline: 0px; }
img { max-width: 100%; height: auto; }
a {color: #2e69ff;text-decoration: none !important;}
a:hover { color: #4478fb; }
.dropdown, .dropup { position: relative; }
.dropdown-toggle:focus { outline: 0px; }
.dropdown-menu { position: absolute; top: 99%; left: 0px; z-index: 1000; display: none; float: left; min-width: 153px; padding: 5px; list-style: none; font-size: 14px; text-align: left; background-color: rgb(255, 255, 255); border: 0px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.176) 0px 3px 6px, rgba(0, 0, 0, 0.176) 0px 10px 41px; background-clip: padding-box; max-width: 270px; }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu .dropdown-menu { position: absolute; top: 0px; left: 100%; z-index: 1000; display: none; float: left; min-width: 160px; padding: 10px; margin: 0px; list-style: none; font-size: 14px; text-align: left; background-color: rgb(255, 255, 255); border: 0px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background-clip: padding-box; }
.dropdown-menu li { position: relative; }
.dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 600; line-height: 1.42857; color: rgb(0, 0, 0); white-space: nowrap; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: rgb(255, 255, 255); background-color: rgb(92, 92, 92); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; background-color: rgb(51, 122, 183); }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: rgb(119, 119, 119); }
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0px; }
.dropdown-menu-left { left: 0px; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; }
.dropdown-menu .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: 700; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; }
.pull-right > .dropdown-menu { right: 0px; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0px; border-bottom: 4px dashed; content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
.btn { display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; user-select: none; }
address { font-style: normal; }
dd, dl, dt, li, ol, ul { margin: 0px; padding: 0px; }
.clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; }
#wrapper { position: relative; float: none; width: 1220px; margin: 0px auto; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.section { position: relative; padding: 30px 0px; background-color: rgb(249, 249, 249); float: left; width: 100%; font-family: var(--fontOpenSans); }
.parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat; overflow: hidden; height: 400px; background-size: cover; }
.swiper_wrapper { overflow: hidden; }
.full-screen .swiper_wrapper { height: auto; }
.swiper_wrapper .swiper-container { position: relative; width: 100%; margin: 0px; }
.swiper_wrapper .swiper-slide { position: relative; margin: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.swiper-slide [data-caption-animate] { backface-visibility: hidden; }
.section .video-wrap, .section .yt-bg-player, .swiper-slide .video-wrap, .swiper-slide .yt-bg-player { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0px; left: 0px; }
#slider .container { position: relative; height: 100%; z-index: 1; }
#slider.canvas-slider .swiper-slide img { width: 100%; }
#slider.canvas-slider a { display: block; height: 100%; }
.swiper-pagination { position: static; width: 100%; margin: 14px 0px 0px; top: auto; text-align: center; line-height: 1; z-index: 1; float: left; }
.swiper-pagination span { display: inline-block; cursor: pointer; width: 15px; height: 10px; margin: 0px 3px; opacity: 1; background-color: rgb(98, 98, 98); border: 1px solid rgb(255, 255, 255); border-radius: 50%; transition: 0.3s; }
#slider .owl-next, #slider .owl-prev, #slider-arrow-left, #slider-arrow-right, .camera_next, .camera_prev, .flex-next, .flex-prev, .nivo-nextNav, .nivo-prevNav, .slider-arrow-bottom-sm, .slider-arrow-top-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 10px; margin-top: -28px; background-color: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; border-radius: 4px; transition: background-color 0.3s ease-in-out; }
.swiper-pagination span.swiper-pagination-bullet-active, .swiper-pagination span:hover { color: rgb(0, 0, 0); width: 25px; height: 25px; background-color: rgb(237, 23, 80) !important; }
#slider .owl-next, #slider .owl-prev { transition: background-color 0.3s ease-in-out; }
#slider .owl-next, #slider-arrow-right, .camera_next, .flex-next, .nivo-nextNav { left: auto; right: 10px; }
#slider .owl-next i, #slider .owl-prev i, #slider-arrow-left i, #slider-arrow-right i, .camera_next i, .camera_prev i, .flex-next i, .flex-prev i, .nivo-nextNav i, .nivo-prevNav i, .slider-arrow-bottom-sm i, .slider-arrow-top-sm i { line-height: 40px; width: 100%; height: 40px; color: rgba(255, 255, 255, 0.8); text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; font-size: 26px; text-align: center; margin-left: 0px; }
.slider-arrow-bottom-sm i, .slider-arrow-top-sm i { width: 32px; height: 32px; margin: 0px; line-height: 30px; font-size: 18px; color: rgb(255, 255, 255); }
.flex-prev i { margin-left: 9px; }
body { font-size: 16px; }
a:focus, button:focus, input[type="submit"]:focus { outline-offset: 0px; color: rgb(0, 0, 0); }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1em !important; }
.m-2 { margin: 2em !important; }
.m-3 { margin: 3em !important; }
.m-4 { margin: 4em !important; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 1em !important; }
.mt-2 { margin-top: 2em !important; }
.mt-3 { margin-top: 3em !important; }
.mt-4 { margin-top: 4em !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 1em !important; }
.mb-2 { margin-bottom: 2em !important; }
.mb-3 { margin-bottom: 3em !important; }
.mb-4 { margin-bottom: 4em !important; }
.ml-0 { margin-left: 0px !important; }
.ml-1 { margin-left: 1em !important; }
.ml-2 { margin-left: 2em !important; }
.ml-3 { margin-left: 3em !important; }
.ml-4 { margin-left: 4em !important; }
.mr-0 { margin-right: 0px !important; }
.mr-1 { margin-right: 1em !important; }
.mr-2 { margin-right: 2em !important; }
.mr-3 { margin-right: 3em !important; }
.mr-4 { margin-right: 4em !important; }
.mlr-0 { margin-right: 0px !important; margin-left: 0px !important; }
.mlr-1 { margin-right: 1em !important; margin-left: 1em !important; }
.mlr-2 { margin-right: 2em !important; margin-left: 2em !important; }
.mlr-3 { margin-right: 3em !important; margin-left: 3em !important; }
.mlr-4 { margin-right: 4em !important; margin-left: 4em !important; }
.mtb-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mtb-1 { margin-top: 1em !important; margin-bottom: 1em !important; }
.mtb-2 { margin-top: 2em !important; margin-bottom: 2em !important; }
.mtb-3 { margin-top: 3em !important; margin-bottom: 3em !important; }
.mtb-4 { margin-top: 4em !important; margin-bottom: 4em !important; }
.p-0 { padding: 0px !important; }
.p-1 { padding: 1em !important; }
.p-2 { padding: 2em !important; }
.p-3 { padding: 3em !important; }
.p-4 { padding: 4em !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: 1em !important; }
.pt-2 { padding-top: 2em !important; }
.pt-3 { padding-top: 3em !important; }
.pt-4 { padding-top: 4em !important; }
.pt-5 { padding-top: 5em !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: 1em !important; }
.pb-2 { padding-bottom: 2em !important; }
.pb-3 { padding-bottom: 3em !important; }
.pb-4 { padding-bottom: 4em !important; }
.pb-5 { padding-bottom: 5em !important; }
.pl-0 { padding-left: 0px !important; }
.pl-1 { padding-left: 1em !important; }
.pl-2 { padding-left: 2em !important; }
.pl-3 { padding-left: 3em !important; }
.pl-4 { padding-left: 4em !important; }
.pr-0 { padding-right: 0px !important; }
.pr-1 { padding-right: 1em !important; }
.pr-2 { padding-right: 2em !important; }
.pr-3 { padding-right: 3em !important; }
.pr-4 { padding-right: 4em !important; }
.plr-0 { padding-left: 0px !important; padding-right: 0px !important; }
.plr-1 { padding-left: 1em !important; padding-right: 1em !important; }
.plr-2 { padding-left: 2em !important; padding-right: 2em !important; }
.plr-3 { padding-left: 3em !important; padding-right: 3em !important; }
.plr-4 { padding-left: 4em !important; padding-right: 4em !important; }
.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.ptb-1 { padding-top: 1em !important; padding-bottom: 1em !important; }
.ptb-2 { padding-top: 2em !important; padding-bottom: 2em !important; }
.ptb-3 { padding-top: 3em !important; padding-bottom: 3em !important; }
.ptb-4 { padding-top: 4em !important; padding-bottom: 4em !important; }
.rounded-1 {border-radius:2px;}
.rounded-2 {border-radius:4px;}
.rounded-3 {border-radius:6px;}
.rounded-4 {border-radius:8px;}
.rounded-5 {border-radius:10px;}
.rounded-6 {border-radius:12px;}
.rounded-7 {border-radius:14px;}
.rounded-8 {border-radius:16px;}
.rounded-9 {border-radius:18px;}
.rounded-10 {border-radius:20px;}
.btn-white { background: rgb(255, 255, 255); color: rgb(0, 0, 0); text-decoration: none; }
.btn-white-bordered { background: transparent; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); text-decoration: none; }
.btn-white-bordered:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); text-decoration: none; box-shadow: none; }
ul.checklist { list-style: none; margin: 0px; padding: 0px; }
ul.checklist li { position: relative; padding-left: 20px; margin-bottom: 10px; font-weight: 500; color: rgb(0, 0, 0); font-size: 15px; list-style-position: inside; }
ul.checklist li::before { position: absolute; content: ""; font: 14px / 1 FontAwesome; left: 0px; top: 5px; }
ul.checklist li ul li::before { position: absolute; content: "-"; font-weight: bold; }
ul { margin: 0px 0px 20px; padding: 0px 0px 0px 20px; list-style-position: inside; }
ul li { list-style-position: outside; line-height: 23px; }
.bold { font-weight: 700; }
.textbox.corners ul li { color: rgb(255, 255, 255); }
ul.linklist { list-style: none; margin: 0px; padding: 0px; }
ul.linklist li { position: relative; padding-left: 20px; margin-bottom: 10px; font-weight: 500; color: rgb(0, 0, 0); font-size: 16px; }
ul.linklist li::before { position: absolute; content: "ï…Œ"; font: 14px / 1 FontAwesome; left: 0px; top: 5px; }

.text-blue { color: rgb(59, 160, 241); }
.pricing-tenure-switcher { position: relative; }
#testimonials { background: rgb(255, 255, 255); padding: 10px 0px; float: left; width: 100%; margin-bottom: 0px; }
.aboutSection { background: rgb(248, 248, 248); padding: 60px 0px; float: left; width: 100%; margin: 60px 0px; }
.justify-content-center { justify-content: center; }
#slider p { letter-spacing: 0px; font-weight: 600; color: rgb(0, 0, 0); font-size: 20px; margin-top: 3px; line-height: normal; }
.parallex-image h1, .parallex-image h4 { text-align: center; color: rgb(255, 255, 255); font-size: 29px; padding: 80px 0px; text-shadow: rgb(53, 5, 5) -1px 1px 0px; font-weight: 700; }
.parallex-image { background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 0px; float: left; width: 100%; position: relative; text-transform: uppercase; }
.parallex-image::after { width: 100%; height: 100%; content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0); }
.captionBG::after { width: 100%; height: 100%; content: ""; position: absolute; inset: 0px; border-radius: 10px; }
.captionBG h2, .captionBG h4, .captionBG p { position: relative; z-index: 99; }
.captionBG { padding: 20px; }
.aboutpage { padding: 60px 0px; float: left; width: 100%; }
.title-block > span { display: inline; margin-top: 4px; color: rgb(211, 31, 47); font-weight: 400; }
.bggray { background: rgb(248, 248, 248) !important; }
.gmaps, .maps { position: relative; }
.maps .fluid-width-video-wrapper { height: 350px; }
.maps .fluid-width-video-wrapper iframe { position: static; height: 100%; }
.gmaps .fluid-width-video-wrapper { height: 280px; }
.gmaps .fluid-width-video-wrapper iframe { position: static; height: 100%; }
.d-block { display: block; }
.bg-transparent { background-color: transparent !important; }
.gmaps { border: 5px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; }
.portfolio-image { max-height: 240px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px; border: 5px solid rgb(255, 255, 255); }
.btn-group-lg > .btn, .btn-lg { border-radius: 2px; padding: 10px 26px; line-height: 1.42857; font-size: 16px; }
.btn { }
.btn-dark-blue { border: 1px solid rgb(245, 154, 108); padding: 14px 18px; background: rgb(245, 154, 108); font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255) !important; }
.btn-dark-blue:focus, .btn-dark-blue:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255) !important; }
.btn-yellow { border: 2px solid rgb(177, 4, 24); padding: 14px 18px; background: rgb(255, 175, 154); text-transform: uppercase; white-space: normal; }
.btn-yellow:focus { background: rgb(255, 255, 255); }
.why-chooseus img { width: 100%; max-width: 15px; margin-right: 10px; }
.why-chooseus h6 { font-size: 18px; margin: 0px 0px 7px; }
.why-chooseus p { font-size: 16px; padding-left: 30px; display: flex; margin: 0px 0px 10px !important; }
.btn-yellow:focus, .btn-yellow:hover { }
.btn-white { border: 2px solid rgb(255, 255, 255); background: rgb(255, 255, 255); font-weight: 400; text-transform: uppercase; color: rgb(0, 0, 0) !important; }
.mt-5 { margin-top: 50px; }
.btn-white:focus, .btn-white:hover { border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 10px 2px; color: rgb(255, 255, 255) !important; background: rgb(3, 3, 3) !important; }
.btn-black { background: rgb(0, 15, 42); color: rgb(255, 255, 255); position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 1s; border: 2px solid transparent; }
.btn-black:focus, .btn-black:hover {background: rgb(20 101 51);transition: 1s;box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 10px 2px;border-color: rgb(255, 255, 255);color: rgb(255, 255, 255) !important;}
.btn-blue {background: #0049ff;color: #ffffff;position: relative;display: inline-block;overflow: hidden;vertical-align: middle;text-align: center;    z-index: 1;border: 2px solid #6B95FF;box-shadow: 0 3px 8px rgba(107, 149, 255, 0.25);transition:background 0.25s ease,color 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;}
.btn-blue:hover,.btn-blue:focus {background: #3F6FE8;border-color: #3F6FE8;color: #ffffff !important;box-shadow: 0 6px 16px rgba(63, 111, 232, 0.35);    transform: translateY(-2px);}

.btn-blue:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(63, 111, 232, 0.25);
}
.btn-pink { background: rgb(218, 10, 144); color: rgb(255, 255, 255); position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 1s; border: 2px solid transparent; }
.btn-pink:focus, .btn-pink:hover { background: rgb(0, 220, 248); transition: 1s; box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 10px 2px; color: rgb(0, 0, 0) !important; }
.btn-green { background: rgb(62, 121, 88); color: rgb(255, 255, 255); position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 1s; border: 2px solid transparent; }
.btn-greenbluegreenfocus, .btn-green:hover { background: rgb(0, 0, 0); transition: 1s; box-shadow: rgba(0, 0, 0, 0.34) 0px 0px 10px 2px; color: rgb(255, 255, 255) !important; }
.btn-grey { background: rgb(145, 147, 150); text-transform: uppercase; color: rgb(0, 0, 0); }
.btn-grey:focus, .btn-grey:hover { background: rgb(0, 0, 0); border-color: rgb(145, 147, 150); color: rgb(255, 255, 255) !important; }
.btn-black-fill { color: rgb(255, 255, 255); background: rgb(51, 51, 51); font-weight: 500; }
.btn-black-fill:focus, .btn-black-fill:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); font-weight: 500; }
#slider h4 { text-transform: uppercase; font-size: 50px; color: rgb(59, 160, 241); font-weight: bold; letter-spacing: 0px; margin-top: 11px; margin-bottom: 15px; line-height: 50px; }
#slider h4 small { font-size: 37px; color: rgb(211, 31, 47); letter-spacing: 3px; display: block; font-weight: bold; }
.iframe { border: 5px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; }
.iframe iframe { position: static !important; }
.iframe .fluid-width-video-wrapper { height: 320px !important; }
.shadow img { border: 5px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.contacts { padding: 0px 2%; }
.map-container { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; border: 10px solid rgb(255, 255, 255); height: 535px !important; }
.sidebar-address { padding: 10px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); }
.sidebar-address h4 { border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 5px; float: left; width: 100%; margin-bottom: 15px; margin-top: 10px; }
.resorses a { color: rgb(234, 150, 26); display: block; }
div#faqs.resorses { line-height: 30px; }
.shadow { max-width: 100%; height: auto; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.shadow-hover { transition: 0.5s; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important; }
.shadow-hover:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; }
.video-shadow { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; max-width: 100%; background: rgb(255, 255, 255); border: 8px solid rgb(255, 255, 255); border-radius: 5px; }
.price {
  color: #014BFC;  font-weight: bold;    background-color: #F1F6FE;  display: flex;  align-items: center;  justify-content: center;  width: fit-content;  margin: 0 auto;  padding: 5px 15px;  border-radius: 10px; border: 1px solid #d8e1f1; flex-wrap: wrap;}

.class-schedule {  color: #340235;  font-weight: bold;    background-color: #f9eff9;  display: flex;  align-items: center;  justify-content: center;  width: fit-content;  margin: 0 auto;  padding: 10px 15px;  border-radius: 10px; flex-wrap: wrap; }
.icon-blue-small {    display: inline-block;    width: 40px;    height: 40px;    line-height: 40px;    text-align: center;    font-size: 20px;    color: #fff;    color: #5081f2; background-color: #f7f9fc;    border-radius: 50%;    vertical-align: middle;    margin-right: 10px;    flex-shrink: 0;}
.icon-pink {
  display: inline-block;       margin-right: 5px;    text-align: center;    font-size: 14px;    color: #fff;    color: #BB00BF;     border-radius: 50%;    vertical-align: middle;        flex-shrink: 0;
}
.program-item {    display: flex;    align-items: center;    min-height: 55px;    margin-bottom: 15px;}

.program-item > span:last-child {    font-size: 17px;    line-height: 1.3;}    

.togglerclose { right: -100%; height: 0px; opacity: 0; }
table.table.table-custom tbody a:hover { color: rgb(0, 0, 0); }
.barfull { float: left; width: 100%; text-align: center; font-weight: 700; padding: 30px 0px 20px; font-size: 20px; color: rgb(255, 255, 255); background: rgb(31, 25, 23); position: relative; z-index: 99; }
.testimonialspage .line { width: 100%; float: left; padding: 0px; border-top: 1px dashed rgb(204, 204, 204); margin: 20px 0px !important; }
.barfull a { color: rgb(255, 255, 255); word-break: break-all; }
.swiper-container.swiper-parent.swiper-container-horizontal { cursor: pointer !important; }
.owl-stage-outer.owl-height { height: auto !important; }
.toggle { border-bottom: 1px solid rgb(228, 228, 228); padding: 10px 0px; }
#content p { font-weight: 400; }
.dark #copyrights a:hover { }
.aboutSection { padding: 100px 0px; float: left; width: 100%; position: relative; background: url("../images/bgroad.jpg") center center / cover no-repeat; text-align: center; font-size: 30px; color: rgb(255, 255, 255); font-weight: 700; }
.video-wrap { overflow: hidden; width: 100%; position: relative; height: 300px; }
.video-wrap iframe { position: static !important; }
.fluid-width-video-wrapper { height: 100%; }
#content .aboutSection .container { position: relative; z-index: 1; }
.aboutSection h1, .aboutSection h3, .aboutSection h4 { color: rgb(255, 255, 255); font-size: 36px; margin-bottom: 15px; }
#content .aboutSection .container p { color: rgb(255, 255, 255); font-size: 20px; }
.text-red { color: rgb(134, 43, 10) !important; }
.socisl a { color: rgb(255, 255, 255); padding: 5px; display: inline-block; }
#content { float: left; width: 100%; }
.socisl a:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.homeservices .ipost.clearfix { border: 1px solid rgb(204, 204, 204); padding: 5px; }
.servicetown ul { margin-bottom: 25px; }
.servicetown p { margin-bottom: 5px; }
.blogpagepost h3 { font-size: 20px; }
.button.button-full.bggray { color: rgb(0, 0, 0); float: left; width: 100%; text-align: center; font-weight: 600; padding: 15px; font-size: 25px; position: relative; z-index: 0; border-bottom: 0px; background: rgb(218, 218, 218) !important; }
a.button.button-full.center.tright.bggray h3 { color: rgb(0, 0, 0); margin: 0px; text-transform: uppercase; font-weight: 400; font-size: 30px; }
a.button.button-full.center.tright.bggray:hover { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(102, 102, 102); background: rgb(30, 33, 40) !important; }
a.button.button-full.center.tright.bggray:hover h3 { color: rgb(255, 255, 255); }
.gmaps p { margin-bottom: 2px; }
.gmaps address { margin-bottom: 0px; }
.title-block h1, .title-block h2, .title-block h3, .title-block h4 { text-transform: uppercase; color: rgb(211, 31, 47); font-size: 26px; letter-spacing: 2px; margin-bottom: 15px; }
.heading_wrapper { margin-top: 30px; }
.heading_wrapper h1 { font-size: 25px; margin-bottom: 14px; }
.heading_wrapper h3 { margin-bottom: 10px; margin-top: 0px; font-size: 20px; }
.schoollogo h4 { font-size: 15px; text-align: center; margin: 10px; }
.page-title { padding: 20px 0px; font-size: 30px; text-align: center; background: rgb(238, 238, 238); }
.page-title h3 { font-size: 30px; }
.infobox h4 { margin-bottom: 6px; font-size: 15px; line-height: normal; }
.form-group.mb-1 { float: left; width: 100%; }
.iteminstruct { margin-bottom: 15px; }
.address-title { color: rgb(201, 66, 32); font-size: 16px; line-height: 20px; font-family: "Roboto Condensed", sans-serif; font-weight: 600; }
.btn-black.btn-sm, .btn-gold.btn-sm, .btn-sm.btn-white { }
table.table.table-custom tr:nth-child(2n+1) { background: rgb(249, 249, 249); }
table.table.table-custom tr td { border: 0px; padding: 10px; vertical-align: middle; min-width: 125px; text-align: left; }
table.table.table-custom { width: 100%; max-width: 100%; margin-bottom: 20px; border: 5px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; vertical-align: middle; }
table.table.table-custom tr td a span:hover { color: rgb(0, 0, 255) !important; }
.btn-sm { font-size: 12px; line-height: 1.5; border-radius: 3px; }
.centeralign { float: right; }
.slider-caption { }
.bold { font-weight: 700 !important; }
#content p { line-height: 1.6; margin-bottom: 10px; font-family: var(--fontOpenSans); font-weight: 500; }
.parallex-section p { color: rgb(255, 255, 255) !important; font-size: 24px; }
.testimonials-grid li { width: 50%; padding: 25px; height: auto !important; }
.bold { font-weight: 700; }
.ccards { margin: 0px; float: left; color: rgb(255, 255, 255); }
article#copyrights p { margin: 0px; font-family: Roboto, sans-serif; font-weight: 500; color: rgb(255, 255, 255) !important; }
#copyrights { font-size: 16px; width: 100%; float: left; margin-top: 0px; position: static; font-weight: 400; padding: 10px 10px 60px; height: auto; background: rgb(0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0.6); text-align: center; z-index: 11; color: rgb(255, 255, 255) !important; }
.text-red, .font-red { color: rgb(178, 34, 30) !important; }
.text-blue { color: rgb(1, 5, 77) !important; }
.togglec, .togglet { float: left; width: 100%; }
#content .contactsidebar p { font-size: 16px; }
.modal-title { font-size: 18px; }
.modal-header { padding: 5px 15px; }
.modal-header .close { margin-top: 8px; font-size: 30px; opacity: 1; }
div#logo h1 { font-size: 40px; color: rgb(30, 109, 165); }
.slider-caption h1 { font-size: 28px; color: rgb(0, 0, 0); margin: 0px; text-transform: none; }
.slider-caption { text-align: center; z-index: 20; font-size: 22px; bottom: 0px; left: 0px; padding: 0px; transform: none; width: 100%; }
.slider-caption h2 { color: rgb(0, 0, 0); font-weight: 600; line-height: 44px; margin: 8px 0px; }
.slider-caption h3 { text-transform: uppercase; font-size: 21px; color: rgb(255, 255, 255); }
h3.head3.text-uppercase { font-size: 41px; }
.ipost.clearfix { text-align: center; margin-bottom: 15px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; padding: 0px; overflow: hidden; }
.entry-title h3 { margin-bottom: 10px; }
.entry-image img { border-radius: 0px 20px 0px 0px; }
.entry-image figure::before { border-radius: 0px 30px 0px 0px; }
.entry-image figure { float: left; width: 100%; position: relative; overflow: hidden; }
.clipimage2 img { border: 9px solid rgb(255, 255, 255); position: relative; box-shadow: rgb(204, 204, 204) 0px 0px 5px; border-radius: 4px; }
.clipimage2::before { border-left: 5px solid rgb(50, 58, 144); position: absolute; inset: -10px 0px 0px -10px; content: ""; border-top: 5px solid rgb(50, 58, 144); display: none; }
.fcontact a { color: rgb(224, 222, 222); padding: 10px; display: inline-block; }
div#copyrights a { color: rgb(247, 247, 247); }
.overlay { background: rgba(52, 55, 55, 0.6); position: absolute; inset: 0px; z-index: 1; }
section.section.parallex-section .container { position: relative; z-index: 0; }
section.section.parallex-section .container h2 { color: rgb(255, 255, 255); z-index: 0; position: static; font-size: 39px; margin-bottom: 20px !important; }
.bg-white { background: rgb(255, 255, 255) !important; }
.bg-black { background: rgb(0, 0, 0) !important; }
.sm-form-control { display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 2px solid rgb(221, 221, 221); transition: border-color 0.15s ease-in-out; margin-bottom: 15px; border-radius: 0px !important; }
textarea.sm-form-control { height: 100px; }
address p { font-size: 16px; }
.main-title { margin-bottom: 20px; }
.main-title h1 { font-size: 34px; font-family: Poppins, sans-serif; font-weight: 600; letter-spacing: 1px; }
.swiper-slide { flex-shrink: 0; width: 100%; position: relative; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-wrapper { position: relative; width: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper_wrapper .swiper-slide { position: relative; margin: 0px; overflow: hidden; background: #2e69ff; }
#slider .owl-next, #slider .owl-prev, #slider-arrow-left, #slider-arrow-right, .camera_next, .camera_prev, .flex-next, .flex-prev, .nivo-nextNav, .nivo-prevNav, .slider-arrow-bottom-sm, .slider-arrow-top-sm { z-index: 1; }
#content .entry-content p { letter-spacing: 0px; color: rgb(0, 0, 0); font-size: 16px !important; }
lin { font-size: 75px; color: rgb(0, 0, 0); overflow: hidden; }
.ipost.clearfix:hover img { transition: 0.5s; }
.nouse.ipost.clearfix:hover img { transition: 0.5s; transform: scale(1.5); }
.entry-content {padding: 5px;text-align: center;position: static;inset: 0px;transition: 0.5s;display: block;align-items: center;flex-direction: column;justify-content: end;float: left;width: 100%;border-radius: 0px 0px 15px 15px;background: rgb(255 255 255) !important;}
.entry-content ul { padding-left: 0px; margin: 0px; }
.entry-content ul li { color: rgb(255, 255, 255); line-height: 30px; }
.entry-content h3 { margin: 5px 0px; color: rgb(0, 0, 0); font-size: 22px; font-weight: 400; min-height: auto; text-transform: none; }
section#slider2 { position: relative; width: 100%; overflow: hidden; }
p { margin-top: 0px; }
div#copyrights p { margin: 0px; }
.faqs .toggle { border: 1px solid rgb(219, 219, 219); margin-bottom: 0px; padding: 15px 0px; cursor: pointer; }
.faqs .toggle .togglet, .faqs .toggle .toggleta { font-size: 18px; }
i.toggle-open.btn.btn-sm.btn-default { color: rgb(0, 0, 0); }
.faqs .toggle .togglet i { top: 1px; font-size: 14px; }
.faqs .toggle .togglec { padding-bottom: 10px; }
.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed { display: none; }
.toggle { display: block; position: relative; margin: 0px 0px 20px; }
.toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 24px; padding: 0px; margin: 0px; font-size: 16px; font-weight: 600; color: rgb(68, 68, 68); cursor: pointer; }
.toggle .togglet i { position: absolute; top: 0px; left: 0px; width: 16px; text-align: center; font-size: 16px; }
.toggle .toggleta { font-weight: 700; }
.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed { display: none; }
.toggle .toggleta i.toggle-open { display: block; }
.toggle .togglec { display: block; position: relative; padding: 10px 0px; }
video { display: inline-block; vertical-align: baseline; object-fit: cover; }
.email { border-left: 1px solid rgb(236, 199, 160); border-right: 1px solid rgb(236, 199, 160); }
p { margin-top: 0px; }
.imginst { float: right; margin: 0px 0px 14px 15px; }
.well { background: rgb(255, 249, 215); padding: 10px; border-radius: 4px; border: 1px solid rgb(239, 227, 161); margin-bottom: 20px; }
img.shadow.imgleft { float: left; margin: 0px 15px 15px 0px; }
.testimonials-page ul li { list-style: none; font-size: 14px; border-bottom: 1px dashed rgb(204, 204, 204); display: block; margin: 10px 0px; float: left; width: 100%; padding: 10px; }
.testimonials-page ul li p { text-align: justify; font-size: 14px !important; }
.gmaps .fluid-width-video-wrapper { height: 280px; }
.fluid-width-video-wrapper { padding: 0px !important; }
.carsbox { border: 5px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
.desc { padding: 10px 0px; text-align: left; font-size: 14px !important; }
.desc p { font-size: 14px !important; }
.slider-caption .btn { }
.swiper-container2 .swiper-pagination-bullet { width: 25px; height: 25px; text-align: center; line-height: 20px; font-size: 12px; color: rgb(0, 0, 0); opacity: 1; background: rgb(141, 140, 140); border: 1px solid rgb(204, 204, 204); }
.swiper-container2 .swiper-pagination-bullet-active { color: rgb(255, 255, 255); background: rgb(60, 60, 60) !important; }
.togglenew .toggle.faq { background: rgb(255, 255, 255); padding: 15px 10px; margin: 10px 0px; float: left; width: 100%; border: 0px; border-radius: 5px; transition: 0.6s; }
.togglenew .toggle.faq:hover { box-shadow: rgb(153, 153, 153) 0px 0px 9px; transition: 0.6s; }
.togglenew .toggle .togglet, .togglenew .toggle .toggleta { display: inline-block; width: 100%; }
span.text-danger.priceorder { font-size: 25px; font-weight: 700; display: block; color: green !important; }
.togglenew .toggle .togglet, .togglenew .toggle .toggleta { font-size: 16px; }
.enrollbtn { text-align: right; }
.enrollbtn p { margin: 0px; }
.toggle .toggleta .enrollbtn i.toggle-open { display: inline-block !important; }
.headfirst { font-size: 23px; padding-left: 0px; font-weight: normal; color: rgb(0, 0, 0); }
.togglenew .togglet span { color: inherit; }
.togglenew .toggle .togglet .enrollbtn i { width: auto; position: static; font-style: normal; min-width: 100px; }
.enrollbtn p { margin-top: 10px; margin-bottom: 0px; }
.enrollbtn p.mt-25 { margin-top: 23px; }
.toggle.faq.mostpopular { border-left: 10px solid rgb(231, 117, 57); background: rgb(251, 231, 201); }
h2 span.price { color: rgb(0, 150, 3); }
.text-orange { color: rgb(253, 130, 4); }
.btn-default { background: rgb(229, 229, 229); }
.container.service_section > div.col-md-3 { padding: 0px 5px; }
.screen-reader { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.clients-grid, .testimonials-grid { list-style: none; overflow: hidden; }
.clients-grid li, .testimonials-grid li { float: left; position: relative; width: 20%; padding: 20px 0px; backface-visibility: hidden; }
.testimonials-grid li { width: 50%; padding: 25px; }
.testimonials-grid li .testimonial { padding: 0px; background-color: transparent !important; border: 0px !important; box-shadow: none !important; }
.testi-content { position: relative; overflow: hidden; }
.testi-meta { margin-top: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.testi-content p { margin-bottom: 0px; font-style: italic; }
.clients-grid li::after, .testimonials-grid li::after { width: 100%; height: 0px; top: auto; left: 0px; bottom: -1px; border-bottom: 1px dashed rgb(221, 221, 221); }
.clients-grid li::after, .clients-grid li::before, .testimonials-grid li::after, .testimonials-grid li::before { content: ""; position: absolute; }
.clients-grid li::before, .testimonials-grid li::before { height: 100%; top: 0px; left: -1px; border-left: 1px dashed rgb(221, 221, 221); }
.clients-grid li::after, .clients-grid li::before, .testimonials-grid li::after, .testimonials-grid li::before { content: ""; position: absolute; }
.enrollbtn .btn { }
.btn-default { background: rgb(229, 229, 229); }
.container.service_section > div.col-md-3 { padding: 0px 5px; }
.headsec { color: red; font-size: 20px; font-weight: 700; }
img.flogo { max-width: 153px; border-radius: 4px; border: 6px solid rgb(255, 255, 255); background: rgb(255, 255, 255); }
.page-title-parallax { background: url("../../images/banner1.jpg") center center / cover no-repeat; padding: 0px; color: rgb(255, 255, 255); height: 200px; position: relative; }
.page-title-parallax h3, .page-title-parallax h1 { font-size: 22px; background: rgb(241, 243, 244); display: table; padding: 0px 20px; line-height: 2; text-align: center; position: absolute; inset: 0px; margin: auto; color: rgb(0, 0, 0); border-radius: 4px; width: auto; }
.mapItem .prodct .gmaps { padding: 10px; float: left; width: 100%; }
.togglec.show { display: block !important; }
.enrollbtn p { margin: 0px !important; }
.row.itemesources { box-shadow: rgb(204, 204, 204) 0px 0px 4px; margin: 10px 0px; padding: 20px; }
.tags strong { font-size: 17px; margin-bottom: 10px; }
.contactside.row { padding: 20px 5px; box-shadow: rgb(171, 171, 171) 0px 0px 4px; margin-top: -50px; position: relative; background: rgb(255, 255, 255); border-radius: 7px; }
.sectiontop { padding: 10px; color: rgb(0, 0, 0); }
.sectionbottom { padding: 10px; }
.contactsidebar h2 { font-size: 28px; letter-spacing: 0px; }
.contactsidebar p, .contactsidebar p a { color: rgb(0, 0, 0); font-size: 16px; }
.container .contactsidebar h4 { margin-bottom: 10px; }
span.social_contact a { padding: 0px 10px; color: rgb(0, 0, 0); font-size: 25px; vertical-align: middle; }
table.table.table-custom th { border: 0px; background: rgb(98, 135, 196); color: rgb(255, 255, 255); }
span.dropcap { font-size: 25px; }
.parallex1 { background: url("../../images/banner5.jpg") center center / cover no-repeat fixed rgb(238, 238, 238); min-height: 350px; text-transform: none; color: rgb(255, 255, 255); }
.parallex1 h2, .parallex1 p { color: rgb(255, 255, 255) !important; }
.parallex2 { min-height: auto; background-size: cover; text-transform: none; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }
.faqListing .togglet { padding-left: 0px; padding-right: 30px; }
.textbox { background: rgb(0, 0, 0); padding: 20px; border-radius: 8px; color: rgb(255, 255, 255) !important; }
.textbox2 { background: rgba(255, 255, 255, 0.8); border-radius: 6px; padding: 20px; }
.bg-red { background: rgb(178, 34, 30); }
.text-white-container h1, .text-white-container h3, .text-white-container h2, .text-white-container p { color: rgb(255, 255, 255) !important; }
span.icon-circle { font-size: 30px; border: 2px solid rgb(237, 28, 36); padding: 0px; border-radius: 50%; color: rgb(237, 28, 36); width: 80px; height: 80px; text-align: center; line-height: 75px; }
.clearfix { clear: both; }
.ccards span { margin-right: 10px; font-size: 34px; float: left; }
i.toggle-closed.btn.btn-sm.btn-default { color: rgb(0, 0, 0); }
.container h4 { color: rgb(0, 0, 0); font-size: 24px; font-family: Roboto, sans-serif; letter-spacing: 1px; margin-bottom: 15px; margin-top: 20px; font-weight: normal; }
.container .imgsection h4 { font-size: 18px; letter-spacing: 1px; text-transform: none; margin-bottom: 15px; margin-top: 0px; font-weight: 600; }
.faqs .toggle { cursor: pointer; background: rgb(255, 255, 255); padding: 20px; float: left; width: 100%; border-radius: 5px; margin-top: 10px; }
.packageshome.togglenew .toggle.faq { background: rgb(255, 255, 255); }
h3.head3.bgprimary span { margin-bottom: 13px; text-transform: uppercase; font-size: 36px; font-family: Poppins, sans-serif; color: rgb(44, 109, 165) !important; }
.btn { transition: 0.5s; padding: 10px 12px; letter-spacing: 1px; position: relative; font-weight: 500; }
.btn:hover { transition: 0.5s; }
h1.mb-0.head1.bgseconday span { color: rgb(0, 0, 0); padding: 10px; }
.font-20 { font-size: 18px !important; }
.bg-gray { background: rgb(239, 239, 239); }
table.table.table-custom tr:nth-child(2n+1) { background: rgb(255, 255, 255); }
.contactside { box-shadow: rgb(204, 204, 204) 0px 0px 4px; float: left; width: 100%; padding: 10px; background: rgb(255, 255, 255); }
.contactsidebar { background: rgb(255, 255, 255); border-radius: 6px; }
.slider-caption.slider-caption-left { }
.parallex-section h2 { color: rgb(255, 255, 255); font-size: 39px; }
.contactsidebar p { }
#content .parallex-section p { color: rgb(255, 255, 255) !important; font-size: 18px !important; }
.relative { position: relative; }
ul.dropdown-menu li a { text-transform: uppercase; padding: 6px 10px; font-size: 15px; color: rgb(0, 0, 0) !important; }
.btn + .btn { margin: 4px 0px; }
.btn { margin: 4px 0px 5px; font-size: 15px; text-transform: uppercase; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.18) 0px 1px 2px; white-space: normal; transition: 0.5s; padding: 12px 15px; letter-spacing: 0px; position: relative; font-weight: 600; border-radius: 4px; border: 0px; line-height: 20px; }
.backtotop { position: fixed; bottom: 15px; right: 15px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 5px 10px; z-index: 9999; border-radius: 4px; }
.backtotop:hover { color: rgb(255, 255, 255); background: rgb(55, 55, 56); }
table.table.table-custom tr:hover td { background: rgb(217, 236, 251); }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; line-height: 30px; }
.mrtb1 { margin-top: 15px !important; margin-bottom: 15px !important; }
.contact_top a { font-weight: normal; }
.parallex-section h1 { font-size: 35px; color: rgb(255, 219, 48); font-weight: 700; }
table.table.table-custom tr td p { margin: 0px; }
article#copyrights a { }
article#copyrights a:hover { color: rgb(252, 222, 0); }
#slider3 span.swiper-pagination-bullet { width: 18px; height: 18px; background: rgb(225, 225, 225); }
.swiper-container3 .swiper-slide { position: relative; height: 130px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
.swiper-container4 .swiper-slide img { max-width: 100%; max-height: 100%; position: absolute; inset: 0px; margin: auto; height: auto; width: auto; }
.swiper-container4 .swiper-slide { position: relative; height: 300px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
.swiper-container3 .swiper-slide img { max-width: 100%; max-height: 100%; position: absolute; inset: 0px; margin: auto; height: auto; width: auto; }
.gmaps { border: 5px solid rgb(255, 255, 255); padding: 0px; }
.gmaps, .maps { position: relative; width: 33%; }
.headsec h3 { font-family: Poppins, sans-serif; margin: 0px; }
.parallex-section h2 a { color: rgb(255, 255, 255); }
span.followUs a { font-size: 23px; padding: 10px; }
.text-black { color: rgb(0, 0, 0) !important; }
.iframe { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; border-radius: 4px; border: 5px solid rgb(255, 255, 255) !important; }
.textbox h2, .textbox p, .textbox2 h2, .textbox2 p { color: rgb(255, 255, 255) !important; font-weight: 500; }
.textbox.corners::before { position: absolute; width: 150px; height: 100px; background: transparent; left: -5px; content: ""; bottom: -5px; z-index: 0; border-left: 5px solid rgb(255, 255, 255); border-bottom: 5px solid rgb(255, 255, 255); }
.textbox.corners::after { position: absolute; width: 150px; height: 100px; background: transparent; right: -5px; content: ""; top: -5px; z-index: 0; border-right: 5px solid rgb(255, 255, 255); border-top: 5px solid rgb(255, 255, 255); }
.textbox.corners { position: relative; z-index: 1; }
.decorate_image::before { position: absolute; width: 150px; height: 100px; background: transparent; left: -10px; content: ""; bottom: -10px; border-left: 10px solid rgb(237, 28, 36); border-bottom: 10px solid rgb(237, 28, 36); z-index: -1; }
.decorate_image::after { position: absolute; width: 150px; height: 100px; background: transparent; right: -10px; content: ""; top: -10px; border-right: 10px solid rgb(237, 28, 36); border-top: 10px solid rgb(237, 28, 36); z-index: -1; }
.decorate_image { position: relative; z-index: 1; max-width: 100%; height: auto; margin: auto; width: auto; display: inline-block; }
.decorate_image img { max-width: 100%; height: auto; }
.btn-md { width: 100%; display: block; max-width: 200px; }
.textbox ul li { color: rgb(255, 255, 255); }
.bgColorhalf { background: rgb(255, 219, 47); position: absolute; width: 50%; height: 100%; left: 0px; top: 0px; bottom: 0px; color: rgb(255, 255, 255) !important; }
.text-white ul li { color: rgb(255, 255, 255); }
.btn-darkb { border: 2px solid rgb(3, 83, 161); border-radius: 0px; background: transparent; color: rgb(3, 83, 161); font-weight: normal; text-transform: uppercase; }
.btn-darkb:hover, .btn-darkb:focus { background: rgb(3, 83, 161); border-color: rgb(3, 83, 161); color: rgb(255, 255, 255); }
#scrapbook span.swiper-pagination-bullet { width: 20px; height: 20px; background: rgb(204, 204, 204); }
.ipost.paservices { padding: 10px; box-shadow: rgb(204, 204, 204) 0px 0px 5px; height: 100%; }
.ipost.paservices ul { list-style: none; }
.ipost.paservices .entry-image { max-height: initial; }
.ipost.paservices .entry-image img { max-height: 166px; width: auto; }
.btn-yellow { color: rgb(0, 0, 0); font-weight: bold; text-transform: uppercase; border: 2px solid transparent; font-size: 16px; }
.btn-yellow:hover, .btn-yellow:focus { background: rgb(38, 38, 38); border-color: rgb(0, 0, 0); color: rgb(0, 0, 0) !important; }
.bgColorhalf2 { background: rgb(255, 255, 255); position: absolute; width: 50%; height: 100%; right: 0px; top: 0px; bottom: 0px; color: rgb(255, 255, 255) !important; }
.faa-parent.animated-hover:hover > .faa-ring, .faa-ring.animated, .faa-ring.animated-hover:hover { animation: 2s ease 0s infinite normal none running ring; }
.alert.alert-info .text-black, .alert.alert-info .text-black a { color: rgb(0, 0, 0) !important; }
#content .font-18 p { font-size: 18px; }
.file { padding: 10px; width: auto; text-align: center; position: relative; border: 1px solid rgba(0, 0, 0, 0); background: rgb(246, 246, 248); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px; min-width: 200px; float: left; margin: 0px 15px 10px 10px; max-width: 200px; }
.file img { max-height: 200px; width: auto; margin: auto; }
.file p { margin: 0px; }
hr.hrline { float: left; width: 100%; }
.maximg img { max-height: 300px; }
.font-30 { font-size: 30px !important; }
.scrollingsection1 h1 { color: rgb(255, 255, 255) !important; font-size: 32px; }
.scrollingsection1 { padding: 100px 0px; }
.counter h1 { font-size: 52px; }
.counter p { font-size: 20px !important; }
.service-icon-wrap i { background: rgb(255, 255, 255); color: rgb(2, 60, 91); font-size: 26px; height: 60px; line-height: 60px; text-align: center; width: 60px; position: relative; border-radius: 50%; margin-bottom: 20px; }
.service-content-wrap { min-height: 105px; color: rgb(255, 255, 255); font-weight: 400; }
.scrollingsection1 h2, .scrollingsection1 p, .scrollingsection1 a { color: rgb(255, 255, 255) !important; }
.bg-blue { color: rgb(255, 255, 255); background: rgb(46, 110, 171) !important; }
.section.mtb-0.bg-blue h1 { color: rgb(255, 255, 255) !important; }
ol { list-style-position: inside; }
.caret { display: inline-block; width: 0px; height: 0px; vertical-align: middle; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-left: 0px !important; }
.vimeo-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: none; overflow: hidden; right: 0px; }
.vimeo-wrapper .fluid-width-video-wrapper { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: none; overflow: hidden; }
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.vimeo-wrapper iframe { }
.staffcard { padding: 20px; }
.portlet { padding: 10px; margin: 0px; text-align: center; }
.portlet h3 { font-size: 32px; font-weight: 700; color: rgb(255, 255, 255); }
.box1 { background: rgb(240, 2, 28); }
.box2 { background: rgb(84, 137, 163); }
.box3 { background: rgb(255, 152, 0); }
.portlet .iconset { line-height: 40px; font-size: 65px; color: rgb(1, 31, 101); margin-bottom: 0px; }
.btn .invisibles { opacity: 0; visibility: hidden; transition: 0.5s; position: absolute; right: 0px; margin-top: 2px; font-size: 16px; }
.btn:hover .invisibles { opacity: 1; visibility: visible; transition: 0.5s; right: 9px; }
.btn-yellow { }
.btn-yellow:hover, .btn-yellow:focus { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }
.btn-brown { color: rgb(255, 255, 255); border-radius: 0px; background: rgb(180, 122, 43); font-weight: 600; text-transform: uppercase; }
.btn-brown:hover { background: rgb(61, 62, 63); color: rgb(255, 255, 255) !important; }
.headfirst h2 { margin: 0px; }
iframe.shadow { height: 260px; }
.imgsection2 p { color: rgb(255, 255, 255) !important; }
.imgsection2 h2 { font-size: 50px; font-weight: 700; color: rgb(255, 255, 255) !important; }
.imgsection2 h4, #content .imgsection2 p { font-size: 20px; color: rgb(255, 255, 255); }
.socials a.fb { color: rgb(0, 0, 0); transition: 0.5s; border: 1px solid transparent; }
.socials a.yelp { background: white; color: rgb(0, 0, 0); transition: 0.5s; border: 1px solid transparent; }
.socials a.yelp:hover { background: rgb(237, 237, 237); color: rgb(48, 121, 111); transition: 0.5s; border: 1px solid transparent; padding: 0px; }
.socials a { width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border-radius: 4px; margin-right: 10px; }
.aboutSectionOnHome .row { display: flex; align-items: stretch; }
.aboutSectionOnHome .row > div { display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; color: rgb(255, 255, 255); padding: 30px; }
.aboutSectionOnHome .row > div.item1 { background: rgb(66, 146, 135); padding: 30px; }
.aboutSectionOnHome .row > div.item2 { background: rgb(72, 76, 78); padding: 30px; }
.aboutSectionOnHome .row > div.item3 { background: rgb(52, 70, 86); padding: 30px; }
#content .aboutSectionOnHome .row > div p { color: rgb(255, 255, 255); }
#content .aboutSectionOnHome .row > div h2 { }
.imgSection { max-width: 170px; border-radius: 50%; overflow: hidden; max-height: 170px; }
.imgSection img { max-width: 100%; height: auto; }
.yellow-text { color: rgb(255, 255, 0) !important; }
.posrel { position: relative; }
.bg-light-org { background: rgb(188, 141, 9); }
.addressbox { padding: 20px; }
.address2 { background: rgb(188, 141, 9); }
ul.checklist.text-white li { color: rgb(255, 255, 255); }
.contactsidebar h1 { }
.text-brown { color: rgb(234, 172, 0) !important; }
em { }
.bg-dark-green { background: rgb(232, 241, 249); }
.bg-dark-green p { color: rgb(0, 0, 0) !important; }
.post2 { background: rgb(0, 139, 255); }
.post3 { background: rgb(69, 147, 98); }
.btn-white-fill { background: rgb(240, 240, 240); color: rgb(0, 0, 0); }
.headfirst span.besrvalue { font-size: 12px; background: rgb(66, 146, 135); padding: 5px 10px; border-radius: 4px; color: rgb(255, 255, 255); font-weight: normal; line-height: normal; vertical-align: middle; margin-left: 10px; }
.bg-light-green { background: rgb(226, 255, 251) !important; border-left: 4px solid rgb(66, 146, 135) !important; }
.toggle.faq:hover { }
.bg-1 { background: rgb(238, 238, 238); }
.bg-1 p { color: rgb(0, 0, 0) !important; }
.bg-1 h2 { color: rgb(66, 146, 135); }
.bg-2 { background: rgb(255, 255, 255); }
.bg-2 p { color: rgb(0, 0, 0) !important; }
.bg-2 h2 { color: rgb(66, 146, 135); }
.bg-2 small { color: rgb(66, 146, 135); }
.btn.btn-sm { font-size: 14px !important; padding: 8px 15px !important; }
ul.nolist { color: rgb(0, 0, 0); list-style: none; font-weight: 600; line-height: 30px; }
img.radius { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; max-width: 100%; height: auto; background: rgb(255, 255, 255); }
.text-yellow { }
.imgsection { height: auto; background-position: center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: url("../images/banner3.jpg"); }
span.imageHolder { float: left; margin: 0px 15px 10px 0px; }
div#logo h2 { text-transform: none; font-size: 37px; margin: 0px; font-weight: bold; letter-spacing: 1px; color: rgb(255, 230, 110); }
.follow img { max-width: 25px; height: auto; vertical-align: middle; }
.imgcircle { float: left; margin-right: 20px; margin-bottom: 10px; }
.imgcircle img { max-width: 150px; height: auto; }
.iconset img { height: auto; transition: 0.5s; }
#gallery-arrow-left { position: absolute; cursor: pointer; top: 50%; left: 0px; margin-top: -10px; background-color: rgb(255, 255, 255); width: 40px; height: 40px; border: 0px; z-index: 1; border-radius: 0px 3px 3px 0px; transition: background-color 0.3s ease-in-out; filter: drop-shadow(rgba(0, 0, 0, 0.5) 2px 4px 6px); }
#gallery-arrow-right { position: absolute; cursor: pointer; top: 50%; right: 0px; margin-top: -10px; background-color: rgb(255, 255, 255); width: 40px; height: 40px; border: 0px; z-index: 1; border-radius: 0px 3px 3px 0px; transition: background-color 0.3s ease-in-out; filter: drop-shadow(rgba(0, 0, 0, 0.5) 2px 4px 6px); }
div#gallery-arrow-left i, div#gallery-arrow-right i { font-size: 28px; width: 40px; height: 40px; line-height: 40px; }
.faqpage .togglet i.fa { left: 0px; right: auto; font-size: 14px; top: 5px; }
.services .iconset img { }
.ipost.services { }
.ipost.services:hover { background: rgb(255, 231, 224); }
.slider-caption h2.text-yellow { color: rgb(237, 161, 0) !important; font-weight: bold; }
h2.text-yellow, .text-yellow { color: rgb(249, 222, 40) !important; }
.text-green { color: rgb(0, 110, 73) !important; }
ul.checklist.text-red li { color: rgb(199, 0, 0); }
.enrollpage .toggle.faq { box-shadow: rgb(193, 193, 193) 0px 0px 2px, rgb(193, 193, 193) 0px 0px 3px; }
.officers { position: relative; overflow: hidden; transition: 0.5s; }
.officerDescription { position: absolute; padding: 10px; font-size: 14px; background: rgba(0, 0, 0, 0.7); inset: 243px 8px 8px; color: rgb(255, 255, 255); transition: 0.5s; height: 84px; }
.officerDescription h4 { color: rgb(255, 255, 255); }
.officerDescription p { color: rgb(255, 255, 255) !important; }
.officerDescription h1 { color: rgb(255, 255, 255); margin: 0px; }
.officers:hover .officerDescription { transition: 0.5s; bottom: 10px; top: 10px; height: auto; }
.officers address { font-size: 15px; height: 0px; opacity: 0; visibility: hidden; transition: 0.5s; }
span.HeaderRating__ReviewsCount-sc-591d0608-2.gdvDdY.es-header-rating-reviews-count { color: rgb(0, 0, 0) !important; }
.TextControl__BaseControl-sc-4babbde5-0.jggdfs.es-text-shortener-control.es-text-shortener-control-open { color: rgb(0, 0, 0) !important; }
.officers:hover address { height: auto; opacity: 1; visibility: visible; transition: 0.5s; }
.officers a { color: rgb(255, 255, 255); }
.officers a:hover { text-decoration: underline !important; }
.officers:hover .officerDescription { height: auto; transition: 0.5s; }
.officers { max-width: 255px; margin: auto; }
.oWHwWc { background-color: transparent; height: 52px; position: absolute; right: 48px; top: 17px; width: 20px; z-index: 0; display: none; }
.WIdY2d.M1aSXe:hover .oWHwWc { display: block; }
svg.hmuWb { width: 20px; }
.imageportlet img { max-height: 200px; width: auto; text-align: center; height: auto; padding: 20px 0px; }
.imageportlet { text-align: center; box-shadow: rgb(204, 204, 204) 0px 0px 4px; margin-bottom: 20px; }
.imageportlet h4 { margin: 0px; padding: 10px 0px; background: rgb(211, 31, 47); color: rgb(255, 255, 255); }
.imageportlet p { margin: 0px !important; }
iframe.cvd { width: 100%; height: 400px; }
.faqs.faqpage .faqs .toggle .togglec { padding: 10px; }
.faqs.faqpage .togglec, .faqs.faqpage .togglet { padding: 0px 10px 0px 25px; }
.conferanceSlider .swiper-slide img { margin: auto; transform: translateY(-50%); top: 50%; position: relative; max-height: 100%; }
.conferanceSlider .swiper-slide { text-align: center; background: rgb(204, 204, 204); vertical-align: middle; }
.slider-parallax.swiper_wrapper.conf_wrapper { height: 472px !important; }
#slide-number { position: absolute; opacity: 0; top: auto; right: 20px; bottom: 20px; z-index: 20; width: 36px; height: 40px; text-align: center; color: rgba(255, 255, 255, 0.8); text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px; font-size: 18px; font-weight: 300; transition: 0.3s linear; }
#slider:hover #slide-number { opacity: 1; }
#slide-number-current, #slide-number-total { position: absolute; line-height: 1; top: 5px; left: 0px; }
#slide-number-total { inset: auto 0px 5px auto; }
#slide-number span { display: block; font-size: 32px; line-height: 40px; }
ul.navinline { line-height: normal; text-align: center; }
ul.navinline li { list-style: none; display: inline; }
ul.navinline li a { padding: 10px; display: inline-block; }
.overlayblue { position: absolute; width: 100%; height: 100%; background: rgba(0, 47, 98, 0.3); top: 0px; bottom: 0px; }
.bg-light-blue { background: rgb(0, 135, 190); }
.callToAction h4 { letter-spacing: 0px; font-weight: 600; font-size: 24px; margin: 20px 0px !important; }
.callToAction h3 { font-weight: normal; font-size: 38px; font-family: Anton, sans-serif; letter-spacing: 0px; color: rgb(0, 0, 0); text-transform: uppercase; }
.themeOverlay { position: absolute; width: 100%; height: 100%; background: rgba(188, 2, 2, 0.8); top: 0px; bottom: 0px; }
#packagedetails .togglet h2, .packagedetails .togglet h2 { font-size: 30px; margin: 0px; font-weight: bold; letter-spacing: 1px; color: rgb(0, 0, 0); text-align: left; }
.callToAction { background: url("../../images/blue-pat-1.png") center center / cover repeat; text-align: center; }
hr.hrsmall { border: 1px solid rgb(0, 0, 0); width: 100px; margin: 20px auto; }
.dgrid > div { margin: 0px; }
.grid_item.text-center.aniboxes.animate__animated.animate__zoomIn { }
.dgrid .grid_item { border: 1px solid rgb(204, 204, 204); margin: 10px 5px; border-radius: 0px; background: transparent; }
.dgrid .grid_item:hover { background: rgb(238, 238, 238); }
.shadow.grid_item:hover .portlet .iconset span.fa { animation: 6s ease 0s 1 normal none running ring; }
.dgrid a.morelearn { position: absolute; right: 7px; bottom: 0px; opacity: 0; visibility: hidden; font-size: 24px; transition: 0.5s; }
.dgrid .grid_item:hover a.morelearn { right: 7px; transition: 0.5s; opacity: 1; }
div#logo img:hover { }
.dgrid .grid_item:nth-child(2) { }
.btn-orange { background: rgb(223, 172, 83); color: rgb(0, 0, 0); position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 500ms; }
.image-banner { width: 100%; height: 400px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.btn-orange:hover, .btn-orange:focus { color: rgb(0, 0, 0); background: rgb(205, 205, 205); }
.btn-red { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 500ms; background: rgb(179, 2, 0) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important; }
.btn-red:hover, .btn-red:focus { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255) !important; background: rgb(11, 28, 54) !important; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important; }
.grid_item:hover span.fa { animation: 3s ease 0s 1 normal none running ring; }
.griditem1 .portlet { overflow: hidden; position: relative; transition: 0.5s; background: rgb(0, 52, 102); color: rgb(0, 0, 0) !important; }
.griditem1 .portlet::after { background-image: url("../../images/2.jpg"); background-position: center center; color: rgb(255, 255, 255); position: absolute; content: ""; inset: 0px; transition: 0.5s; }
.griditem1 .portlet:hover::after { transform: scale(1.2) rotate(5deg); transition: 0.5s; }
.griditem2 .portlet { color: rgb(255, 255, 255); overflow: hidden; position: relative; transition: 0.5s; }
.griditem2 .portlet::after { background-image: url("../../images/banner4.jpg"); background-position: center center; color: rgb(255, 255, 255); position: absolute; content: ""; inset: 0px; transition: 0.5s; }
.griditem2 .portlet:hover::after { transform: scale(1.2) rotate(5deg); transition: 0.5s; }
.grid_item .overlay { background: rgba(24, 25, 25, 0.6); position: absolute; inset: 0px; z-index: 1; }
.blogpost { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; max-width: 100%; height: auto; background: rgb(255, 255, 255); border: 8px solid rgb(255, 255, 255); }
.btn-group-sm > .btn, .btn-sm, .btn-group-sm .dropdown > .btn { }
.serviceitem { padding: 0px 7px; }
.mark.redmark { padding: 15px; border-left: 4px solid rgb(233, 30, 41); background: rgb(255, 240, 240); }
ul.breadcrumb { padding: 0px; }
.table_metronic { outline: rgb(221, 221, 221) solid 1px; background-color: rgb(255, 255, 255); }
.table_metronic th { font-weight: bold; }
.table_metronic th, .table_metronic td { padding: 8px 10px; font-size: 14px; border: 0px !important; vertical-align: middle !important; }
.table_metronic tbody tr:nth-child(2n+1) { background: rgb(249, 249, 249); }
.table_metronic tr:hover td { background-color: rgb(213, 236, 255); }
.table_metronic td a { text-decoration: none; padding-left: 10px; padding-right: 10px; color: rgb(0, 102, 153); vertical-align: middle; display: inline-flex; }
.table_metronic td a i { font-size: 18px; }
.modal-body .buttons .btn span.fa { margin: 0px; padding: 0px; vertical-align: middle; }
.dropzone.dz-clickable * { cursor: pointer; }
.btn-remove-upload span { font-size: 20px; margin-top: 10px; }
.griditem1 .portlet h2, .griditem2 .portlet h2 { color: rgb(248, 248, 248); margin: 0px; }
.gridcontainers { display: flex; align-items: stretch; }
.gridcontainers .inner-content { align-items: center; display: flex; flex-direction: column; justify-content: center; }
ul.breadcrumb li a { color: rgb(34, 34, 34); }
font font { letter-spacing: 0px; }
body font { letter-spacing: 0px; }
.noborder { border: 0px; }
.servicebox { text-align: center; margin-bottom: 15px; border-radius: 0px; box-shadow: none; }
.servicebox { text-align: center; background: transparent; border: 0px; overflow: hidden; transition: 0.5s; position: relative; }
article#copyrights p, article#copyrights p a { }
.enrollpage .toggle .togglet > i { font-size: 18px; }

.contactsidebar p a { color: rgb(0, 0, 0); }
.contactsidebar p a:hover { color: #2e69ff; }
.imgsection h2 { font-size: 44px; }
section.section h1 { color: rgb(0, 0, 0); font-size: 40px; margin-top: 10px; margin-bottom: 18px; line-height: normal; text-transform: none; }
section.section h1 small { color: rgb(178, 34, 30); display: block; }
.section_red { background: rgb(165, 4, 19) !important; }
.bg-orange { background: rgb(249, 187, 14); }
.bg-brown { background: rgb(223, 172, 83); }
.common_box { padding: 10%; color: rgb(255, 255, 255); }
.common_box h2 { text-align: center; color: rgb(255, 255, 255); }
.bgbox_green { background: rgb(53, 170, 64); }
.bgbox_red { background: rgb(229, 21, 43); }
.bgbox_blue { background: rgb(57, 89, 165); }
.breadcrumb { padding: 5px 15px; margin-bottom: 20px; list-style: none; background-color: rgb(237, 237, 237); border-radius: 0px; text-align: left; font-size: 16px; }
button.submenu { display: none; }
.submenu span.fa.fa-caret-up { display: none; }
.submenu.open span.fa.fa-caret-up { display: block; }
.submenu.open span.fa.fa-caret-down { display: none; }
.submenuClose { display: none; }
.dgrid { display: grid; grid-template-columns: auto auto; }
.headSec.price_holder { text-align: center; }
.section_blue { background: rgb(1, 143, 242) !important; }
.common_box2 h2 { font-size: 50px; }
.videgroup video { width: 100%; height: 300px; }
.ringing-bell { position: absolute; left: 50%; top: 50%; }
.faa-ring { color: rgb(255, 255, 255); }
.services-info-highlight { background-color: rgb(252, 248, 227); padding: 10px; }
.services-warning { color: rgb(211, 31, 47) !important; font-weight: bold !important; }
@-webkit-keyframes ring { 
  0% { transform: rotate(-15deg); }
  2% { transform: rotate(15deg); }
  4% { transform: rotate(-18deg); }
  6% { transform: rotate(18deg); }
  8% { transform: rotate(-22deg); }
  10% { transform: rotate(22deg); }
  12% { transform: rotate(-18deg); }
  14% { transform: rotate(18deg); }
  16% { transform: rotate(-12deg); }
  18% { transform: rotate(12deg); }
  20% { transform: rotate(0deg); }
}
@keyframes ring { 
  0% { transform: rotate(-15deg); }
  2% { transform: rotate(15deg); }
  4% { transform: rotate(-18deg); }
  6% { transform: rotate(18deg); }
  8% { transform: rotate(-22deg); }
  10% { transform: rotate(22deg); }
  12% { transform: rotate(-18deg); }
  14% { transform: rotate(18deg); }
  16% { transform: rotate(-12deg); }
  18% { transform: rotate(12deg); }
  20% { transform: rotate(0deg); }
}
@keyframes zoominout { 
  0% { transform: scale(1.1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
.section-image-full { background-image: url("../images/banner3.jpg"); min-height: 480px; background-attachment: fixed; background-size: cover; height: 60vh; display: flex; justify-content: center; align-items: center; }
.empty-section { background-image: url("../../images/banner-main.jpg"); min-height: 350px; background-attachment: fixed; height: 100vh; background-size: cover; text-transform: none; display: flex; align-items: center; }
span.text-yellow { color: rgb(255, 230, 110); }
.portlet.boxs h3 { font-size: 22px; margin: 15px 0px 0px; }
.socialcontact a { padding: 10px; font-size: 21px; color: rgb(0, 0, 0); }
.title-block { padding: 2px 0px 3px 20px; border-left: 7px solid rgb(40, 144, 59); margin-bottom: 30px; }
.btn:active, .btn:focus { transition: 0.5s; }
.text-danger { color: rgb(191, 30, 45) !important; }
.btn-purple { background: rgb(71, 20, 86); color: rgb(255, 255, 255); text-decoration: none; }
.btn-purple:hover, .btn-purple:focus { background: rgb(255, 199, 0); color: rgb(0, 0, 0); }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: rgb(0, 0, 0); background-color: rgb(233, 233, 233); }
.right-btn { float: right; }
.back-colo-ser { background: rgb(230, 230, 230); }
.hei-270 { height: 270px !important; }
.fnt-size-20 { font-size: 16px !important; }
.bt-pad-8 { padding: 8px; }
.br-rad-50 { border-radius: 50%; }
.ipost:hover img { }
.services_page h4 { color: rgb(2, 2, 2); margin-top: 20px; margin-bottom: 0px; }
.btn-lg { font-size: 18px; }
.btnStyled span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
.btnStyled span::after { content: "Â»"; position: absolute; opacity: 0; top: 0px; right: -20px; transition: 0.5s; }
.btnStyled:hover span { padding-right: 15px; }
.btnStyled:hover span::after { opacity: 1; right: 0px; }
.bg-light-yellow { color: rgb(255, 255, 255); background: rgb(255, 255, 174) !important; }
.font-yellow { color: rgb(194, 166, 8) !important; }
.portlet p { }
.portlet h4 { font-size: 25px; color: rgb(0, 0, 0); letter-spacing: 2px; margin: 0px; position: relative; text-shadow: rgb(0, 0, 0) -1px 1px 1px; }
.inner-content { position: relative; z-index: 2; }
.inner-content p { color: rgb(255, 255, 255) !important; }
ul.schools { column-count: 4; padding: 0px; }
ul.schools li { list-style: none; margin-bottom: 5px; }
.staff { border: 1px solid rgb(204, 204, 204); border-radius: 4px; margin: 0px; padding: 10px; float: left; width: 100%; }
.sidebar { padding: 15px; background: rgb(238, 238, 238); border-radius: 4px; }
.overlaydark { background: rgba(253, 195, 82, 0.8); position: absolute; inset: 0px; z-index: 1; }
img.clipimage { border-radius: 0px 0px 200px; float: right; }
.layer1 { position: relative; z-index: 1; }
.layer { position: relative; z-index: 1; padding: 50px 20px; }
 
h4.head1 { color: rgb(255, 255, 255); font-weight: normal; }
.btn-transcript { position: absolute; right: 20px; bottom: 10px; z-index: 9999; }
.modal-dialog { display: flex; align-items: center; height: 100%; justify-content: center; }
 
#primary-menu > ul > li .dropdown-menu.showmenu { display: block; opacity: 1; visibility: visible; top: 100%; }
.dflexcontent { display: flex; align-items: start; gap: 25px; justify-content: center; flex-wrap: wrap; }
.boxFlex { display: flex; align-items: stretch; }
.togglet .title_holder::before, .toggleta .title_holder::before { font-family: FontAwesome; font-weight: var(--fa-style, 900); font-size: 20px; margin-right: 10px; margin-top: 6px; }
.togglet .title_holder::before { content: ""; }
.togglet.toggleta .title_holder::before { content: ""; }
.driver-names { color: rgb(54, 69, 152); }
 
.heading-driver-program h5 { color: rgb(211, 31, 47); }
.about-nichols-container { padding-left: 8px !important; padding-right: 8px !important; }
.no-pickup-locations { background: linear-gradient(45deg, rgba(211, 31, 47, 0.89) 0%, rgba(253, 195, 82, 0.816) 50%, rgba(2, 134, 0, 0.88) 100%); border-radius: 10px; box-shadow: rgba(0, 128, 0, 0.5) 0px 4px 8px; color: white; }
.faq-heading { color: rgb(57, 181, 74); text-decoration: underline; font-weight: bold; }
.resource-link { color: rgb(211, 31, 47); text-decoration: underline !important; }
.resource-quick-link { color: rgb(211, 31, 47); }
.overlaydark2 { background: rgba(0, 0, 0, 0.7); position: absolute; inset: 0px; }
.ccards span { font-size: 35px; margin: 5px; }
.gt_switcher_wrapper { top: 2px !important; }
.image-roll { min-height: 400px; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }
section#testimonials { overflow-wrap: break-word; }
.styled-box { text-align: center; background-color: rgba(39, 57, 124, 0.84); border-radius: 10px; box-shadow: rgba(40, 60, 127, 0.78) 0px 4px 8px; padding: 7px; color: white; }
.bg-pink { background: rgb(204, 0, 141) !important; }
.faq-links a { color: red; }
.faq-links a:hover { color: rgb(0, 0, 0); text-decoration: underline !important; }
.portletbox { padding: 20px; background: rgb(28, 110, 45); font-size: 18px; color: rgb(255, 255, 255); border-radius: 4px; text-align: center; outline: rgb(255, 255, 255) solid 1px; outline-offset: -10px; height: 100%; margin: 10px 0px; }
.portletbox .fas { font-size: 60px; margin-bottom: 20px; color: white; }
.portletbox hr { border-top: 1px solid rgb(20, 69, 129); }
.serviceTitle { }
.serviceTitle h3, .serviceTitle p.smallHeading { text-align: center; margin: 0px; color: rgb(0, 0, 0); text-transform: none; padding: 10px 0px; font-weight: 600; font-size: 18px !important; }
.Classroom .serviceTitle h3 { padding: 0px 0px 10px; }
.locations address a { color: rgb(0, 0, 0); }
.locations address a:hover { color: rgb(228, 78, 65); }
.rating h1 { font-size: 60px !important; font-weight: 700 !important; margin: 0px 0px 10px !important; }
.rating p { margin: 0px !important; }
.rating { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 15px 10px; transition: 0.3s ease-in; padding: 2em 0.5em !important; }
.rating:hover { transform: scale(1.05); }
.services .dflexcontent { justify-content: center; text-align: center; }
.why-choose img { height: revert-layer; object-fit: cover; border: 0px !important; }
.clients ul { display: flex; justify-content: space-evenly; align-items: center; }
.clients ul li { list-style: none; padding: 20px; }
.d-flex { display: flex; }
.h-100 { height: 100%; }
.serviceTitle a { color: inherit; text-decoration: none !important; }
.choose1 p img { filter: invert(1); }
.segment p img { filter: none; }
.choose1 { border: 1px solid rgba(0, 0, 0, 0.21); border-radius: 10px; padding: 15px; transition: 0.2s ease-in; height: 100%; }
.why-choose { display: flex; flex-wrap: wrap; }
.choose1:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px 10px; transform: scale(1.01); }
.segment h3 { font-size: 20px; line-height: 22px; }
.segment .choose1 { padding: 25px 15px; }
.key-features .feature-1 { background: rgb(255, 255, 255); text-align: left; }
.key-features .col-sm-6.col-lg-4.col-12 { margin-bottom: 30px; }
.key-features .feature-1 h3 { color: rgb(0, 0, 0); }
.key-features > h3 { width: 100%; display: block; margin: 0px 0px 20px; }
.key-features .col-sm-6 h3 { width: 100%; display: block; margin: 0px 0px 20px; line-height: 26px; font-size: 20px; }
.key-features { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.key-features .feature-1 img, .all-links p img { width: 100%; max-width: 20px; margin-right: 10px; object-fit: contain; }
.key-features .feature-1 { background: rgb(255, 255, 255); padding: 30px 20px; border-radius: 10px; box-shadow: rgb(204, 204, 204) 0px 0px 15px 0px; text-align: center; height: 100%; }
.key-features .col-sm-6.col-lg-4.col-12 { margin-bottom: 30px; }
.key-features .feature-1 h3 { color: rgb(0, 0, 0); font-size: 36px; line-height: normal; background: linear-gradient(270.27deg, rgb(9, 72, 58) 25.57%, rgb(64, 124, 181) 45.03%, rgb(239, 82, 119) 57.97%, rgb(245, 130, 68) 70.65%) text; -webkit-text-fill-color: transparent; }
.key-features i { font-size: 64px; color: rgb(0, 150, 136); margin-bottom: 15px; background: linear-gradient(rgb(51, 111, 151) 57.97%, rgb(245, 130, 68) 70.65%) text; -webkit-text-fill-color: transparent; }
.key-features h2 { width: 100%; display: block; margin: 30px 0px 40px; }
.key-features { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
span.contactPageMedia a { color: rgb(0, 0, 0); padding: 0px 5px; font-size: 20px; }
.about-section h3, .about-section p { color: rgb(255, 255, 255); }
.about-section { position: relative; }
.about-section::before { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; right: 0px; top: -99px; background: rgb(38, 38, 38); clip-path: polygon(100% 58%, 0% 100%, 100% 100%); z-index: 1; }
.about-section::after { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; right: 0px; bottom: -92px; background: rgb(38, 38, 38); clip-path: polygon(0px 0px, 0px 58%, 116% 0px); z-index: 1; }
.btn-dark { background: rgb(42, 48, 54); color: rgb(255, 255, 255); }
.btn-dark:hover { color: rgb(255, 255, 255); }
.CDL-section::before { width: 100%; height: 100px; position: absolute; left: 0px; right: 0px; top: -99px; background: rgb(251, 126, 41); z-index: 1; clip-path: polygon(0px 70%, 0px 100%, 100% 100%); }
.title_banner { font-size: 22px; background: rgb(241, 243, 244); display: inline-block; padding: 0px 20px; line-height: 2; text-align: center; position: absolute; margin: auto; color: rgb(0, 0, 0); border-radius: 4px; width: auto; top: 50%; transform: translate(-50%, -50%); left: 50%; }
.four-images { display: grid; grid-template-columns: 50% 50%; gap: 15px; }
.align-center { align-items: center; }
.bg-green { background: rgb(95, 170, 79); }
.btnShine { background: rgb(251, 126, 41); color: rgb(0, 0, 0); position: relative; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; z-index: 1; transition: 500ms; }
.btnShine::before, .btn-orange::before, .btn-black::before { content: ""; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 60px; height: 100%; left: 0px; top: 0px; opacity: 0.8; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); }
.btnShine::after, .btn-orange::after, .btn-black::after { content: ""; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 30px; height: 100%; left: 30px; top: 0px; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); }
.btnShine:hover { background: rgb(166, 208, 60); cursor: pointer; }
.btnShine:hover::before, .btn-black:hover::before, .btn-orange:hover::before { transform: translateX(300px) skewX(-15deg); opacity: 0.8; transition: 0.7s; }
.btnShine:hover::after, .btn-black:hover::after, .btn-orange:hover::after { transform: translateX(300px) skewX(-15deg); opacity: 1; transition: 0.7s; }
.servicebox:hover .entry-content { bottom: 0px; transition: 0.4s; }
.entry-content::after { width: 0px; height: 0px; position: absolute; left: 0px; right: 0px; margin: auto; border-bottom: 10px solid rgba(0, 0, 0, 0.9); top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.portlet { text-align: left; padding: 20px; margin: 0px; }
.pro-info { margin: 15px 0px 10px; }
.fa-check-square { margin-right: 5px; }
.pro-info h4 a { color: rgb(0, 0, 0); }
.portlet h4 { font-size: 17px; text-transform: uppercase; text-shadow: none; letter-spacing: 0px; margin-bottom: 10px; }
.portlet h3 { font-size: 20px; font-weight: 700; color: rgb(0, 21, 82); text-transform: capitalize; }
.portlet .iconset img { max-height: 100%; max-width: 100%; width: 100%; }
.portlet .iconset { margin-bottom: 20px; }
.fagpage .toggle.faq .togglec { display: none !important; }
div#faqs.faqs.faqpage .toggle.faq:focus, div#faqs.faqs.faqpage .toggle.faq:hover { box-shadow: rgb(204, 204, 204) 0px 0px 10px; }
.servicebox:hover .entry-content img { transform: scale(1.2); transition: 0.4s; }
.servicebox:hover .entry-content .btn { }
.servicebox .entry-content .btn { }
.bg-green { background: rgb(0, 164, 108); }
.CDL-section::before { width: 100%; height: 100px; position: absolute; left: 0px; right: 0px; top: -99px; background: rgb(240, 247, 2); z-index: 1; clip-path: polygon(0px 70%, 0px 100%, 100% 100%); }
.CDL-section::after { width: 100%; height: 100px; position: absolute; left: 0px; right: 0px; bottom: -99px; background: rgb(240, 247, 2); z-index: 1; clip-path: polygon(100% 29%, 0px 0px, 100% 0%); }
.CDL-section-red::before { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; right: 0px; top: -99px; background: rgb(188, 12, 6); z-index: 1; clip-path: polygon(0px 70%, 0px 100%, 100% 100%); display: none; }
.CDL-section-red::after { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; right: 0px; bottom: -50px; background: rgb(188, 12, 6); z-index: 1; clip-path: polygon(0px 49%, 0px 107%, 135% 47%); }
.portlet { box-shadow: rgb(204, 204, 204) 0px 0px 4px; text-align: center; }
.font-icon span.fa { font-size: 50px; margin: 0px 0px 20px; color: red; }
.scheduleSection .portlet { margin: 0px; }
.scheduleSection { display: flex; }
.section img + img { margin: 10px; }
.text-purple { color: rgb(24, 59, 143) !important; }
.container.typedSection { position: relative; }
.modal-schedule { width: 98%; max-width: 1200px; max-height: 96vh; overflow: auto; }
.ourteam .entry-content { background: transparent; }
.ourteam .entry-content .serviceTitle { background: rgb(255, 255, 255); width: 100%; }
h2.text-center.title_block { display: block; background: rgb(132, 49, 53); padding: 20px; color: rgb(255, 255, 255); margin: 0px; float: left; width: 100%; }
section#slider3 { overflow: hidden; }
section.section.image-full-half-col { background: rgb(5, 167, 88); align-items: center; display: flex; padding: 0px; }
.col-pad { padding: 0px 50px; }
.teambox { text-align: center; background: rgb(255, 255, 255); border: 5px solid rgb(255, 255, 255); overflow: hidden; transition: 0.5s; position: relative; box-shadow: rgb(204, 204, 204) 0px 0px 5px; margin-bottom: 15px; }
.slideTestContainer { padding: 15px 50px; }
.entry-image img { border-radius: 0px; }
.entry-image figure::before { }
.entry-image figure { float: left; width: 100%; position: relative; overflow: hidden; box-shadow: rgb(175, 175, 175) 0px 15px 10px; }
.clipimage2 img { border-radius: 20px 0px 0px; position: relative; }
.clipimage2::before { border-left: 5px solid rgb(219, 62, 20); position: absolute; inset: -10px 0px 0px -10px; content: ""; border-radius: 29px 0px 0px; border-top: 5px solid rgb(219, 62, 20); }
.clipimage2 { position: relative; display: inline-block; }
div#faqs.faqs.faqpage p { padding: 15px 0px; }
.information { float: left; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 10px; z-index: 999; position: absolute; }
.slider_caption_flex { display: flex; align-items: end; height: 100%; text-align: center; }
.information h1, .information p { color: rgb(255, 255, 255); }
.vimeo-wrapper { }
.vimeo-wrapper iframe { height: 177%; width: 139%; position: relative; margin-left: -20%; }
.information h1 { font-size: 45px; margin: 0px; font-weight: bold; }
.btns-group { display: flex; gap: 10px; }
.ipost.educations img { max-height: 249px; border-radius: 50%; }
.ipost.educations h3 { text-transform: none; font-size: 24px; margin-top: 20px; }
.locationsPage .portlet { margin: 0px; }
#slider2 .swiper-wrapper { height: auto; }
#slider3 .swiper-wrapper { height: auto; }
.card { border: 5px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 5px; }
.card-image { max-height: 250px; overflow: hidden; }
.card-info { padding: 10px; text-align: center; }
.card-info p { margin: 0px; }
.features-boxed { color: rgb(49, 52, 55); }
.features-boxed p { color: rgb(0, 0, 0); font-size: 15px; }
.features-boxed h2 { font-weight: bold; margin-bottom: 40px; padding-top: 40px; color: inherit; }
.features { color: rgb(0, 0, 0); gap: 20px; }
.features p { color: rgb(0, 0, 0); }
.features h2 { font-weight: bold; margin-bottom: 40px; padding-top: 40px; color: inherit; }
.bg-wrapper { width: 100%; aspect-ratio: 1600 / 1200; background-size: cover; background-position: center center; background-repeat: no-repeat; place-content: center; display: flex; position: relative; max-height: 380px; overflow: hidden; border: none !important;}
.progress-bar { position: fixed; top: 0px; left: 0px; height: 3px; width: 100%; background: linear-gradient(90deg, rgb(237, 23, 80), rgb(220, 121, 93), rgb(166, 205, 57)); transform-origin: left center; transform: scaleX(0); animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: scrollProgress; animation-range: normal; animation-timeline: scroll(); z-index: 99999; }
@keyframes scrollProgress { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.lhWdwG, .DateTime__Time-sc-b648d585-0.hMqePe.ReviewInfo__StyledDateTime-sc-7d321ee2-4.defXxn.es-review-info-date { color: rgb(0, 0, 0) !important; }
button.ButtonBase__ButtonContainer-sc-597a44ae-3.eeMdww.es-button-base-container.HeaderWriteReviewButton__WriteReviewButton-sc-275e4878-1.jcSCgO.es-header-write-review-button { background-color: rgb(183, 2, 50) !important; }
.line-height-30 { }
.hero-image { position: relative; height: 100%; width: fit-content; display: flex; align-items: center; margin: auto; }
.hero-image img { height: 100%; width: auto; max-height: 500px; border-radius: 20px; position: relative; z-index: 2; }
.hero-image::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, rgb(99, 102, 241), rgb(236, 72, 153)); border-radius: 24px; transform: rotate(-6deg); z-index: 1; }
.hero-image::after { content: ""; position: absolute; inset: -14px; border: 2px dashed rgba(99, 102, 241, 0.4); border-radius: 30px; transform: rotate(4deg); z-index: 0; }
.media-frame { position: relative; height: 100%; width: fit-content; display: flex; align-items: center; }
.media-frame img { height: 100%; width: auto; max-height: 520px; border-radius: 24px; position: relative; z-index: 2; }
.blob-frame::before { content: ""; position: absolute; inset: -15px; background: radial-gradient(circle at left top, rgb(255, 230, 230), rgb(255, 199, 209)); border-radius: 60% 40% 30% 70%; filter: blur(6px); z-index: 0; }
.blob-frame::after { content: ""; position: absolute; inset: -40px; background: rgba(139, 92, 246, 0.25); filter: blur(50px); z-index: -1; }
.packageTemplate_2 { display: flex; align-items: stretch; }
.packageTemplate_2 > div { display: flex; }
.dropdown.d-inline-block { display: inline-block; }
.package-card .imageHolder { max-height: 250px; overflow: hidden; }
.package-card .imageHolder img { max-width: 100%; height: auto; overflow: hidden; }
.package-card { 
  box-shadow: rgb(204, 204, 204) 0px 0px 5px; 
  padding: 10px; 
  border-radius: 6px; 
  /*text-align: center;*/
  border: 1px solid rgb(204, 204, 204); 
  overflow: hidden; 
}
.designerPriceHeadng h2 { margin: 0px 0px 20px; padding: 30px 10px; background: rgb(32, 100, 1); border-radius: 50px 0px; color: rgb(255, 255, 255); }
.package-card { position: relative; overflow: hidden; }
.popular { position: absolute; top: 28px; right: -44px; background: rgb(225, 29, 72); color: rgb(255, 255, 255); padding: 6px 45px; font-size: 20px; font-weight: bold; text-transform: uppercase; transform: rotate(45deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; }
.package-card.gold { background: gold; }
.packagePrice { display: block; font-weight: bold; font-size: 23px; margin-top: 10px; }
.price_holder h2 { margin-top: 5px; }
@media (max-width: 767px) {
  .d-flex.section-whyus { flex-direction: column; }
  .section_bottom_contact h4 { line-height: 41px; font-size: 21px; letter-spacing: 0px; }
  .slider_text_wrapper { padding-bottom: 15px !important; }
  .packageTemplate_2 { flex-direction: column; }
}
.hfAgBD { color: rgb(0, 0, 0) !important; }
h2.bigHeading small { color: rgb(178, 34, 30); }
section { white-space: normal; overflow-wrap: break-word; }
.description_holder p span { color: #000 !important; }
.text-white { color: rgb(255, 255, 255) !important; }
.text-black { color: rgb(0, 0, 0) !important; }
image-card { position: relative; width: 500px; max-width: 92%; border-radius: 30px; padding: 4px; background: linear-gradient(270deg, rgb(255, 78, 80), rgb(143, 148, 251), rgb(0, 198, 255), rgb(255, 78, 80)) 0% 0% / 600% 600%; animation: 8s linear 0s infinite normal none running borderMove; transition: transform 0.2s; }
@keyframes borderMove { 
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
.image-wrapper { position: relative; border-radius: 20px; overflow: hidden; backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.05); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.image-wrapper img { width: 100%; display: block; transition: transform 0.6s; }
.image-card:hover img { transform: scale(1.1); }
.image-wrapper::after { content: ""; position: absolute; top: 0px; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.1) 100%); transform: skewX(-25deg); transition: 0.8s; }
.image-card:hover .image-wrapper::after { left: 130%; }
@keyframes pulse { 
  0%, 100% { box-shadow: rgba(143, 148, 251, 0.6) 0px 0px 15px; }
  50% { box-shadow: rgb(255, 78, 80) 0px 0px 30px; }
}
.entry-image figure { float: left; width: 100%; position: relative; overflow: hidden; }
.entry-image figure::before { border-top: 5px solid rgb(213, 1, 0); border-right: 5px solid rgb(213, 1, 0); position: absolute; inset: 0px; border-radius: 0px 30px 0px 0px; }
.entry-image img { overflow: hidden; }
.entry-image { width: 100%; text-align: left; max-height: 248px; margin-bottom: 0px; overflow: hidden; background: transparent; border-radius: 0px; }
.entry-image img { height: auto; width: 100%; transition: 0.5s; }
.logobar a img { max-height: 75px; margin: 5px; }
.servicebox figure.image-wrapper { border-left: 0px; border-bottom: 0px; border-right-color: rgb(178, 34, 30); border-top-color: rgb(178, 34, 30); border-radius: 20px 20px 0px 0px !important; }
@media (max-width: 767px) {
  body > ul.dropdown-menu.text-uppercase { width: 100%; right: 0px; left: 0px; min-width: auto; max-width: calc(100% - 50px); }
  .clipimage2 { margin-bottom: 20px; }
  section.section.parallax { background-attachment: unset; background-size: 100%; height: 300px; }
  .typedSection h3 { font-size: 25px !important; color: rgb(0, 0, 0); }
  .content_center img { max-height: 67px; }
  .features-boxed h2 { margin-bottom: 25px; padding-top: 25px; font-size: 24px; }
}
.features-boxed .intro { font-size: 16px; max-width: 500px; margin: 0px auto; }
.features-boxed .intro p { margin-bottom: 0px; }
.features-boxed .features { padding: 50px 0px; }
.features-boxed .item { text-align: center; }
.features-boxed .item .box { text-align: center; padding: 30px; background-color: rgb(255, 255, 255); margin-bottom: 30px; }
.features-boxed .item .icon { font-size: 60px; color: rgb(193, 0, 9); margin-top: 20px; margin-bottom: 35px; }
.features-boxed .item .name { font-weight: bold; font-size: 18px; margin-bottom: 8px; margin-top: 0px; color: inherit; }
.features-boxed .item .description { font-size: 15px; margin-top: 15px; margin-bottom: 20px; }
.googleR { position: sticky; width: 275px; height: 75px; margin-top: 10px; padding-left: 5px; background-color: white; padding-top: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; border-radius: 8px; }
.googleR_reviews { color: blue; position: absolute; font-size: 14px; top: 35px; left: 215px; font-family: sans-serif; }
.googleR_reviewsf { color: blue; position: absolute; font-size: 14px; top: 40px; left: 215px; font-family: sans-serif; }
.googleR_name { margin-left: 8px; text-transform: capitalize; position: absolute; font-size: 18px; color: rgb(139, 139, 139); overflow: hidden; max-height: 30px; max-width: 250px; font-family: sans-serif; }
.googleR_stars { margin-left: 5px; display: inline-block; height: 19px; position: relative; top: 20px; background: url("Stars.png"); }
.googleR_ratings { color: black; font-size: 25px; font-weight: bold; position: relative; left: 5px; font-family: sans-serif; top: 20px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.text-wrapper { display: block; flex-direction: column; background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 20px; }
.awars_container { display: flex; align-items: center; flex-direction: row; justify-content: center; }
.nav-tabs > li > a { border: 1px solid rgb(204, 204, 204); border-radius: 4px; margin-right: 10px; }
ul.nav.nav-tabs { border: 0px !important; }
.tab-pane { padding: 20px; box-shadow: rgb(204, 204, 204) 0px 0px 4px; background: rgb(255, 255, 255); float: left; width: 100%; margin-top: 10px; border-radius: 10px; }
.nav-tabs > li.active a { border: 1px solid rgb(204, 204, 204); position: relative; background: rgb(35, 88, 160); color: rgb(255, 255, 255); }
.nav-tabs > li.active a:hover, .nav-tabs > li a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid rgb(204, 204, 204); position: relative; background: rgb(35, 88, 160); color: rgb(255, 255, 255); }
.nav-tabs > li.active a::after { content: ""; border-top: 8px solid rgb(35, 88, 160); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: -8px; left: 0px; right: 0px; margin: auto; width: 0px; height: 0px; }
.card-body { background-color: rgb(237, 242, 244); }
.title { font-size: 24px; font-weight: bold; }
.title18 { font-size: 18px; line-height: 18px; }
.title24 { font-size: 24px; line-height: 24px; font-weight: 600; }
.title40 { font-size: 40px; line-height: 40px; font-weight: 600; }
.title36 { font-size: 36px; line-height: 36px; font-weight: 300; }
.title16 { font-size: 16px; line-height: 16px; }
.title16B { font-size: 16px; line-height: 16px; font-weight: 700; }
.title16G { font-size: 16px; line-height: 17px; color: rgb(0, 102, 204); }
.title14 { font-size: 14px; }
.title12 { font-size: 12px; line-height: 13px; }
.title10 { font-size: 10px; line-height: 11px; }
.programs { margin-top: 20px; }
.portlet.text-left.card-body { text-align: left; }
.h1 { font-size: 40px; font-weight: normal; }
.h2 { font-size: 34px; font-weight: normal; }
.h3 { font-size: 28px; font-weight: 400; }
.locationPage .card { max-height: 270px; overflow: hidden; }
.iSknjn { color: rgb(0, 0, 0) !important; }
.gIeXNZ { color: rgb(0, 0, 0) !important; }
.bqEFdC { color: rgb(0, 0, 0) !important; }
.text-muted { color: rgb(0, 0, 0) !important; }
.btn-block { display: block; width: 100%; }
.features h2 { margin-bottom: 25px; padding-top: 25px; font-size: 24px; }
.features .intro { font-size: 16px; max-width: 500px; margin: 0px auto; }
.features .intro p { margin-bottom: 0px; }
.features .features { }
.features .box { text-align: center; }
.features .box { text-align: left; padding: 20px; background-color: rgb(255, 255, 255); margin-bottom: 30px; box-shadow: rgba(0, 57, 102, 0.1) 0px 20px 40px; border-radius: 4px; }
.features .item .icon {font-size: 60px;color: rgb(14 86 41);margin-top: 2px;margin-bottom: 14px;}
.features .item .name { font-weight: 600; font-size: 20px; margin-bottom: 8px; margin-top: 0px; color: inherit; text-transform: uppercase; }
.features .item .description { font-size: 15px; margin-top: 15px; margin-bottom: 0px; }
h4.headingbold { color: rgb(9, 68, 128); font-size: 36px; }
.vide_only { position: relative; max-height: 75vh; }
.content_center { position: absolute; inset: 50% 0px 0px; margin: auto; text-align: center; transform: translateY(-50%); z-index: 1; }
.vimeo-wrapper-2 iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.vimeo-wrapper-2 { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; max-height: 442px; }
.bg-yellow { background: rgb(251, 184, 21); }
header#header.fixed.full-header { position: fixed; left: 0px; right: 0px; width: 100%; top: 0px; }
header#header.fixed + .clearfix { height: 134px; }
.bg-red { }
.locbox { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; padding: 5px; float: left; width: 100%; }
.locbox .entry-content { border: 0px; padding: 0px; margin: 0px; transform: none; border-radius: 0px; background: rgb(255, 255, 255) !important; }
#oldpackages .toggle.faq { box-shadow: rgb(204, 204, 204) 0px 0px 4px !important; }
#oldpackages .toggle.faq .togglet { padding-left: 32px; }
.mappingAreaWarapper { position: relative; width: 340px; margin: auto; }
.map-item { position: absolute; animation: 1s ease 0s infinite normal none running zoom-in-zoom-out; font-size: 16px; color: rgb(0, 0, 0); }
.popover-title { color: rgb(0, 0, 0) !important; text-align: center; }
.map-item a { color: rgb(0, 0, 0); }
.map-item i { font-size: 18px; background: transparent; color: red !important; }
.map-item1 { right: 97px; top: 49px; }
.map-item2 { right: 24px; top: 51px; }
.map-item3 { top: 130px; left: 52px; }
.map-item4 { top: 289px; left: 37px; }
.map-item5 { top: 250px; left: 106px; }
.map-item6 { top: 292px; left: 170px; }
.map-item7 { top: 416px; left: 65px; }
.map-item8 { top: 396px; right: 33px; }
@keyframes zoom-in-zoom-out { 
  0% { scale: 1; }
  50% { scale: 1.2; }
  100% { scale: 1; }
}
.popover-content { padding: 0px; }
.scheduleInformationWrapper h3 { font-size: 45px; color: rgb(0, 0, 0); }
.scheduleInformationWrapper { padding-left: 20px; }
.mappingAreaWarapper img { max-width: 330px; width: 330px; }
@media (max-width: 767px) {
  .scheduleInformationWrapper h3 { font-size: 21px; color: rgb(0, 0, 0); }
  .scheduleInformationWrapper { padding: 20px 10px; }
}
@media (min-width: 992px) {
  .btn-block-sm { min-width: 200px; }
  section#vide_only { position: relative; min-height: 580px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .packageTemplate_2 { align-items: center; flex-wrap: wrap; }
  .container { width: 90%; }
  .packageTemplate_2 > div { display: flex; flex: 0 0 100%; }
  .servicebox { flex: 1 1 48%; }
  .features .item .box { padding: 10px; }
  section#vide_only { min-height: 350px; position: relative; }
}
@media (min-width: 590px) and (max-width: 767px) {
  section#vide_only { min-height: 430px; position: relative; }
}
@media (min-width: 320px) and (max-width: 589px) {
  section#vide_only { position: relative; }
}
@media (max-width: 991px) {
  #packagedetails .togglet h2, .packagedetails .togglet h2 { margin: 10px 0px; }
  .image-banner, .bg-wrapper { background-attachment: unset; aspect-ratio: 992 / 400; }
  section.section.image-full-half-col { flex-direction: column; }
  .col-pad { padding: 20px; }
  #primary-menu ul ul li:hover > a, #primary-menu ul ul li:active a { text-decoration: none !important; }
  #primary-menu ul li::before { display: none; }
  .entry-content { padding: 2px 10px; }
  #primary-menu ul li > a::after { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  h2 { letter-spacing: 1px; }
}
@media (min-width: 1200px) {
  .font-large { font-size: 40px !important; line-height: 50px !important; }
  .servicebox { flex: 1 1 0%; }
  .bigHeading, .container h2 { font-size: 30px; line-height: 45px; }
  .lg-fixed-image-bg { background-attachment: fixed; }
  .swiper-wrapper { }
  .information h1.h1 { font-size: 60px; }
  .font-40 { font-size: 40px; }
  .font-50 { font-size: 50px; }
  .font-25 { font-size: 25px; }
  .dflex { display: flex; align-items: stretch; }
  .dflex > div { margin: 0px 10px; width: 33.333%; }
  .font50 { font-size: 65px; line-height: normal; }
  .slider-caption h2 { font-size: 36px; line-height: 41px; }
  ul.checklist.font-18 li { font-size: 18px; margin-bottom: 12px; }
  .sectionBlueBox .btn { margin: 10px; }
  .font-50 { font-size: 47px; line-height: normal; }
  .description_holder { padding: 0px 10px; }
  .font-60 { font-size: 62px !important; }
  .dgrid .grid_item:last-child { margin-right: 0px; }
  .dflex { display: flex; align-items: stretch; flex-wrap: wrap; }
  .dflex > div { margin: 0px 1% 15px; width: 30.333%; }
  .xl-pl-2 { padding-left: 52px; }
  #packagedetails .togglet, .packagedetails .togglet { align-items: center; position: relative; display: flex !important; }
  .container-fluid { padding-right: 25px; padding-left: 25px; }
  .headsec h3 { font-weight: 700; }
  .font70 { font-size: 40px !important; }
  .info { min-height: 210px; }
  .backtotop .visible-lg { display: inline-block !important; }
  .font45 { font-size: 50px !important; font-family: Poppins, sans-serif; }
}
@media (min-width: 1200px) {
  .enrollpage .row { display: flex; align-items: center; }
  .enrollpage .toggle .togglet i { top: 16px; }
  .page-title-parallax { height: 300px; }
  .row.dflex { display: flex; align-items: stretch; }
  .row.dflex > div { align-items: start; }
  .swiper-container3 .swiper-slide { height: 220px; }
  .swiper-container4 .swiper-slide { height: 300px; }
  .swiper_wrapper { background: rgb(238, 238, 238); }
  .enrollpage .toggle.faq .togglet { align-items: center; }
  .enrollpage .row { display: flex; align-items: center; }
  .enrollpage .toggle .togglet > i { top: 0px; height: 15px; line-height: normal; bottom: 0px !important; margin: auto !important; }
  .page-title-parallax { height: 400px; }
  .row.dflex { display: flex; align-items: stretch; justify-content: center; }
  .row.dflex > div { align-items: start; }
  .swiper-container3 .swiper-slide { height: 207px; }
  .swiper-container4 .swiper-slide { height: 300px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .servicebox { flex: 1 1 48%; }
  .dflex { display: flex; align-items: stretch; flex-wrap: wrap; }
  .dflex > div { margin: 0px 2% 15px; width: 46%; }
  .entry-image { max-height: 225px; }
  .entry-content h3 { font-size: 18px; }
}
@media (min-width: 992px) {
  .display_flex_lg { display: flex; align-items: center; flex-direction: row; }
  .swiper_flex.text-left { display: flex; align-items: stretch; justify-content: stretch; width: 100%; }
}
@media (max-width: 991px) {
  img.clipimage { border-radius: 0px; }
  .swiper_flex.text-left { text-align: center; }
  #primary-menu ul ul li:hover > a, #primary-menu ul ul li:focus > a, #primary-menu ul ul li:active > a, #primary-menu ul li:hover > a, #primary-menu ul li:focus > a, #primary-menu ul li:active > a { text-decoration: none !important; }
  body { }
  .btn { white-space: normal; }
  .parallex-section.parallex1 ul li { color: rgb(255, 255, 255); }
  .parallex1, .parallex2 { background-position: left center; }
  .ipost .entry-title h3, .ipost .entry-title h4 { font-size: 24px; letter-spacing: 0px; }
  .swiper-slide.dark { background-position: center center !important; }
  .fancy-title.title-double-border.title-center { background-position: center center; }
  .contactinfor a { margin-bottom: 10px; }
  .aboutSection { padding: 30px 0px; font-size: 18px; }
  .colequal.mapcol .fluid-width-video-wrapper { width: 100%; min-height: 250px; }
  .dropdown-menu > li > a { display: block; padding: 8px 5px; white-space: normal; }
  .barfull { padding: 30px 0px 0px; }
  .textbox { text-align: left; float: left; font-size: 15px; font-weight: 400; width: 100%; margin: 0px 0px 10px; padding-bottom: 15px; }
  .fbox-icon { float: none; font-size: 55px; }
  table.table.table-striped td { float: left; text-align: left; border: 0px !important; white-space: normal !important; }
  .corner .number { display: none; }
  .corner { position: absolute; top: 0px; right: 0px; }
  #wrapper { width: 100%; margin: 0px; box-shadow: none; }
  .headsec { color: red; font-weight: 700; font-size: 12px; margin: 0px; padding: 0px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .information { padding: 10px 50px; }
  .information h1 { font-size: 28px; }
  .dflex { display: flex; align-items: stretch; }
  .dflex > div { margin: 0px 2% 15px; width: 46%; }
  .boxFlex > div { flex: 0 0 50%; flex-wrap: wrap; margin: 10px 0px; }
  .boxFlex { flex-wrap: wrap; }
  .dflex { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: start; }
  .row.dflex > .servicebox { flex-basis: 48%; margin: 5px 1%; }
  ul.schools { column-count: 3; }
  .slider-caption h2 { font-size: 19px; line-height: normal; }
  #slider p { font-size: 14px; }
  #slider .slider-caption h4 { font-size: 33px; }
  .slider-caption.slider-caption-left { height: auto !important; }
  .vimeo-wrapper iframe { }
  .swiper_wrapper { }
  .page-title-parallax h3 { text-align: center; font-size: 20px; }
  .slider-caption { }
  .slider-caption h3 { font-size: 20px; position: static; }
}
/*@media (min-width: 768px) {
  .swiper_flex > div { flex: 1 1 0%; }
}*/
@media (min-width: 768px) and (max-width: 1024px) {
  .scheduleSection { display: flex; flex-wrap: wrap; }
  .scheduleSection > div { flex: 1 0 50%; }
  .dgrid { grid-template-columns: 50% 50%; }
  div#logo h2 { }
  .swiper_wrapper { }
  .counter h1 { font-size: 34px; }
  .counter p { font-size: 15px !important; }
  .enrollbtn i { margin: 5px 0px; }
  .enrollbtn { text-align: left; padding: 0px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  div#logo h2 { font-size: 26px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .row.dflex { display: flex; align-items: stretch; justify-content: center; }
  .row.dflex > .servicebox { flex-basis: 48%; margin: 5px 1%; }
  body { font-size: 16px; }
  #primary-menu ul li > a { letter-spacing: 0px; margin: 0px; }
}
@media (max-width: 991px) {
  .nav-tabs > li a { margin-bottom: 15px; }
  span.fa.fa-info-circle { font-size: 35px; }
  .btn-transcript, .btn-transcript:hover, .btn-transcript:focus { bottom: 1px; background: transparent !important; box-shadow: none !important; }
}
@media (min-width: 500px) and (max-width: 991px) {
  .closemenu, #primary-menu-trigger { margin-top: 26px; }
}
@media (max-width: 767px) {
  .awars_container img { max-height: 80px; width: auto !important; }
  .awars_container { display: flex; align-items: center; flex-direction: column; justify-content: center; }
  .serviceTitle h3, .serviceTitle p.smallHeading { font-size: 26px !important; }
  .information h1 { font-size: 19px; }
  .information { padding: 10px 50px; }
  .vimeo-wrapper iframe { height: 100%; }
  section img.shadow { margin-bottom: 15px; }
  .scheduleSection { display: block; }
  .swiper_wrapper .swiper-slide { }
  .dflex { display: flex; align-items: stretch; }
  .dflex > div { margin: 0px 2% 15px; width: 46%; }
  .title_banner { letter-spacing: 0px; font-weight: bold; padding: 2px 10px; line-height: normal; }
  .typedSection h3 { }
  .dflexcontent .order1 { order: 1; display: flex; }
  .dflexcontent .order2 { order: 2; }
  .boxFlex { flex-direction: column; }
  .image-roll { background-attachment: inherit; min-height: 200px; }
  .container h4 { font-size: 18px; font-weight: normal; }
  .section.bg-blue { padding: 30px 0px 20px; }
  .sectiontop { padding: 0px; }
  .contactsidebar p, .contactsidebar p a { }
  .dflexcontent { flex-direction: column; text-align: center; }
  .aboutus_Left.text-right { text-align: left; }
  .layer { padding: 10px; }
  h4.head1 { font-size: 20px; }
  #primary-menu ul li > a::before { display: none; }
  #primary-menu > ul > li > a { }
  #primary-menu ul.dropdown-menu li a { }
  .rating { margin-bottom: 15px; }
  .rating:nth-child(4) { margin-bottom: 0px; }
  .why-choose .col-sm-5 { padding: 20px 40px; }
  .clients ul { flex-direction: column; }
  .feedback .d-flex { display: unset; }
  .gmaps, .maps { width: 98%; }
  #content .d-flex { flex-direction: column; }
  .slider_clipImage { clip-path: unset !important; } 
}
@media (max-width: 767px) {
  #copyrights { padding-bottom: 66px; }
  span.contact_top { text-align: center; }
  .page-title-parallax h1 { font-size: 15px; margin: auto; }
  #content .bgimage1 p.head1, #content .bgimage2 p.head1 { font-size: 31px; }
  #content .bgimage1 { margin-bottom: 10px; }
  .xs-text-center { text-align: center; }
  .staff { max-width: 300px; margin: 10px auto !important; float: none !important; }
  .entry-image { max-height: 100%; }
  .row.dflex > .servicebox { max-width: 300px; }
  h3 { font-size: 26px; }
  section.section h1 { font-size: 23px; letter-spacing: 0px; }
  .imgsection h2 { font-size: 20px; }
  .dflex { gap: 10px; display: flex; flex-direction: column; align-items: center; }
  .row.dflex { margin-right: 0px; margin-left: 0px; }
  ul.schools { column-count: 2; }
  .gridcontainers { flex-direction: column; }
  h1 { font-size: 24px; }
  .page-title-parallax h3 { text-align: center; font-size: 20px; }
  .slider-caption h3 { font-size: 20px; position: static; }
  h2 { font-size: 25px; }
  .callToAction h3 { font-weight: 300; font-size: 25px; }
  #slider h4 { font-size: 25px; line-height: normal; }
  .instructorslist > .instcol { border-top: 1px solid rgb(204, 204, 204); padding-top: 30px; }
  .faqs .toggle { margin-bottom: 10px; padding: 10px; }
  .iconset img { height: auto; }
  div#logo h2 { font-size: 30px; text-align: center; float: none; letter-spacing: 0px; line-height: 30px; max-width: 200px; margin: auto; }
  .imgcircle img { max-width: 100%; height: auto; }
  .featurebox > div { border-bottom: 1px solid rgb(173, 173, 173); float: left; width: 100%; margin: 15px 0px; }
  .featurebox > div:last-child { border: 0px; margin: 0px; padding: 0px; }
  .follow img { max-width: 30px; }
  .ipost.clearfix { padding: 0px; max-width: 348px; margin: 10px auto; }
  .iconset img { height: auto; }
  .slider-caption h2 { letter-spacing: 0px; line-height: normal; text-align: center; font-size: 25px !important; }
  .aboutSectionOnHome .row { display: flex; align-items: stretch; flex-direction: column; }
  .imgsection2 h2 { font-size: 30px; }
  .imgsection2 h4 { font-size: 25px; }
  #content .imgsection2 p { font-size: 20px; }
  .counter { padding: 20px 0px; border-bottom: 1px solid rgb(241, 236, 236); }
  .counter:last-child { border: 0px; }
  h2 { font-size: 23px; letter-spacing: 0px; }
  .headSec { text-align: left; padding-left: 0px; }
  .maximg img { margin: 15px 0px; }
  .file { min-width: 149px; max-width: 150px; }
  .file img { max-height: 150px; }
  span.pull-left.follow { width: 100%; display: none; }
  span.pull-left.follow a span { font-size: 22px; }
  table.table.table-custom tr { padding: 10px 0px; float: left; width: 100%; }
  table.table.table-custom tr td { display: block; width: 100%; text-align: left; }
  .enrollbtn { text-align: left; padding: 0px; }
  .hidden-xs { display: none !important; }
  .middlebar { border-width: 1px 0px; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; border-top-style: solid; border-top-color: rgb(14, 57, 78); border-bottom-style: solid; border-bottom-color: rgb(14, 57, 78); }
  .slider-caption h1 { line-height: normal; text-align: center; font-size: 21px !important; }
  #slider p { font-size: 17px !important; line-height: normal; }
  .slider-caption .btn { font-size: 16px; letter-spacing: 0px; }
  .email { padding: 10px 0px; }
  .contactside .col-sm-12.col-lg-8.col-xs-12.mb-2 { padding: 0px; }
  .contactForm h2 { padding: 0px 15px; }
  section.section.parallex-section .container h2 { font-size: 20px; }
  .rights, .socialf { text-align: left; }
  a.button.button-full.center.tright.bggray h3 { font-size: 22px; }
  #slider h4 small { font-size: 21px; letter-spacing: 1px; line-height: 12px; }
  .enrollbtn .btn { margin: 10px 0px; }
  .headsec h3 { font-size: 15px; font-weight: 700; }
  ul.dropdown-menu li a { text-transform: uppercase; padding: 5px; }
  .parallex-section h1, .parallex-section h2 { font-size: 32px; }
  .swiper-container3 .swiper-slide { position: relative; height: 180px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
  .swiper-container4 .swiper-slide { position: relative; height: 250px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
  .headfirst, .headsec h3, .enrollbtn { text-align: left; }
  ul.breadcrumb a { }
  .breadcrumb > li + li::before { padding: 0px 1px; }
  .breadcrumb .container { padding: 0px; }
  .dgrid { grid-template-columns: 100%; }
  .swiper_wrapper { }
  .page-title-parallax h3 { text-align: center; }
  .page-title-parallax { padding: 19px 0px; height: 160px; }
  #slider h4 small { font-size: 21px; letter-spacing: 1px; line-height: 12px; }
  .enrollbtn .btn { margin: 10px 0px; }
  .headsec h3 { font-size: 15px; font-weight: 700; }
  ul.dropdown-menu li a { text-transform: uppercase; padding: 5px; }
  .parallex-section h1, .parallex-section h2 { font-size: 32px; }
  .swiper-container3 .swiper-slide { position: relative; height: 120px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
  .swiper-container4 .swiper-slide { position: relative; height: 165px; border: 4px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 4px; }
  .headfirst, .headsec h3, .enrollbtn { text-align: left; }
  .swiper_wrapper { }
  .page-title-parallax h3 { text-align: center; font-size: 14px; left: 10px; right: 10px; line-height: normal; padding: 10px 5px; letter-spacing: 0px; }
  .slider-caption h3 { font-size: 20px; position: static; letter-spacing: 0px; }
}
@media (min-width: 551px) and (max-width: 767px) {
  .swiper_wrapper { }
}
@media (min-width: 401px) and (max-width: 767px) {
  .slider-caption h2 { font-size: 20px; }
  .slider-caption.slider-caption-left { }
  .page-title-parallax h3 { text-align: center; font-size: 16px; }
  .slider-caption h3 { font-size: 20px; position: static; }
}
@media (max-width: 395px) {
  ul.schools { column-count: 1; }
  .entry-content h3 { font-size: 18px; }
}
@media (max-width: 460px) {
  .dflex { display: flex; align-items: stretch; }
  .dflex > div { width: 100%; max-width: 300px; margin: auto; }
 
  #logo img { margin: 0px; }
  #primary-menu-trigger, .closemenu { margin-top: 17px; }
  .closemenu img, #primary-menu-trigger img { max-width: 26px; }
  body { }
}
@media (max-width: 500px) {
 
  .swiper-wrapper { height: 100%; }
}
span.typed-cursor { opacity: 0; visibility: hidden; text-indent: -999999px !important; }
.typedSection h3 { font-size: 41px; color: rgb(0, 0, 0); font-family: Roboto, sans-serif; }
div#typedBanner { font-size: 28px; color: rgb(0, 0, 0); font-weight: bold; text-transform: uppercase; }
div#DSSLanguageTranslateorWidget.tl.clsfloat { top: 0px !important; left: 0px !important; font-size: 14px !important; }
div#DSSLanguageTranslateorWidget.tl.clsfloat .DSSFloatbox__inputtext { padding: 5px 40px 5px 5px !important; }
div#DSSLanguageTranslateorWidget.tl.clsfloat .DSSFloatbox__option { padding: 5px !important; }
div#DSSLanguageTranslateorWidget.tl.clsfloat .DSSFloatbox__img { height: 16px !important; vertical-align: middle !important; }
body .uwy.userway_p1 .userway_buttons_wrapper { margin: auto; width: 100px; inset: auto 0px 10px !important; transform: none !important; }
div#DSSLanguageTranslateorWidget.bl.clsfloat { bottom: 0px !important; left: 0px !important; top: auto !important; z-index: 2147483647 !important; }
div#DSSLanguageTranslateorWidget.bl.clsfloat .DSSFloatbox__list { bottom: 33px !important; top: auto; }
#DSSLanguageTranslateorWidget.bl.clsfloat .DSSFloatbox__inputtext { padding: 5px 40px 5px 5px !important; }
#DSSLanguageTranslateorWidget.bl.clsfloat div#DSSLanguageTranslateorWidget.tl { top: 0px !important; left: 0px !important; font-size: 14px !important; }
#DSSLanguageTranslateorWidget.bl.clsfloat .DSSFloatbox__option { padding: 5px !important; }
#DSSLanguageTranslateorWidget.bl.clsfloat .DSSFloatbox__img { height: 16px !important; vertical-align: middle !important; }
.appointment-steps { padding: 55px 0px 60px; background: rgb(255, 255, 255); }
.appointment-title { margin: 0px 0px 45px; text-align: center; color: rgb(34, 34, 34); font-size: 36px; line-height: 1.2; font-weight: 700; font-style: italic; }
.appointment-row { margin-left: -15px; margin-right: -15px; }
.appointment-row > [class*="col-"] { margin-bottom: 30px; }
.appointment-step { position: relative; min-height: 420px; overflow: hidden; border-radius: 5px; background-size: cover; background-position: center center; display: table; width: 100%; box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 18px; transition: 0.3s; }

.step-overlay { position: absolute; inset: 0px; background: rgba(20, 22, 27, 0.78); }
.step-content { position: relative; z-index: 2; display: table-cell; vertical-align: middle; text-align: center; padding: 45px 35px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); }
.step-icon { margin-bottom: 25px; color: rgb(219, 44, 64); font-size: 64px; line-height: 1; }
.step-icon i { display: inline-block; transition: transform 0.3s; }
.step-content h3 { margin: 0px 0px 25px; color: rgb(255, 255, 255); font-size: 20px; line-height: 1.3; font-weight: 700; }
.step-content p { min-height: 72px; margin: 0px auto 25px; max-width: 310px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 1.55; font-weight: 400; }
.step-content p a { color: rgb(219, 44, 64); text-decoration: none; }
.step-btn { display: inline-block; padding: 11px 25px; background: rgb(0, 110, 4); border-radius: 5px; font-weight: 700; letter-spacing: 0.5px; transition: 0.3s; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.step-btn:hover, .step-btn:focus { background: rgb(15, 169, 22); color: rgb(255, 255, 255); text-decoration: none; }
.appointment-step:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 28px; }
.appointment-step:hover .step-icon i { transform: scale(1.12); }
.appointment-step:hover .step-overlay { background: rgba(15, 18, 22, 0.7); }
.headingSmall { color: rgb(195, 21, 41); font-weight: bold; }
.prm-services { width: 100%; }
.prm-banner {position: relative;min-height: 430px;overflow: hidden;background-repeat: no-repeat;background-size: 130%;background-position: top 40% center;}
.prm-banner-drivers { background-image: url("../images/teen-driver-rotated.jpg"); }
.prm-banner-drivers::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 65%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 15%, rgba(255, 255, 255, 0.6) 38%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.98) 82%, rgb(255, 255, 255) 100%); z-index: 1; }
.prm-banner-traffic { background-image: url("../images/traffic-school.jpg"); }
.prm-banner-traffic::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 65%; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 15%, rgba(255, 255, 255, 0.6) 38%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.98) 82%, rgb(255, 255, 255) 100%); z-index: 1; }
.prm-banner-content { position: relative; z-index: 1; min-height: 430px; display: flex; flex-direction: column; justify-content: center; }
.prm-banner-content-right { align-items: flex-end; text-align: right; padding: 40px 0px 40px 30px; }
.prm-banner-content-left { align-items: flex-start; text-align: left; padding: 40px 30px 40px 0px; }
.prm-banner-content h2 { margin: 0px 0px 18px; color: rgb(34, 34, 34); font-size: 48px; line-height: 1.1; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; }
.prm-banner-content p { margin: 0px 0px 42px; color: rgb(34, 34, 34); font-size: 18px; line-height: 1.5; }
.prm-banner-btn { display: inline-block; padding: 14px 30px; background: rgb(24, 84, 209); border-radius: 5px; font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase; transition: background 0.25s; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.prm-banner-btn:hover, .prm-banner-btn:focus { background: rgb(16, 69, 181); color: rgb(255, 255, 255) !important; text-decoration: none !important; }
@media (max-width: 991px) {
  .prm-banner, .prm-banner-content { min-height: 400px; }
  .prm-banner-content h2 { font-size: 38px; }
  .prm-banner-content p { font-size: 17px; margin-bottom: 30px; }
}
@media (max-width: 767px) {
  .prm-banner {min-height: auto;background-position: center center;height: auto;}
  .prm-banner-drivers::before, .prm-banner-traffic::before {inset: 35% 0px 0px;width: 100%;background: transparent;}
  .prm-banner-content {min-height: auto;justify-content: flex-end;align-items: center;text-align: center;padding: 0px 15px;}
  .prm-banner-content-left, .prm-banner-content-right { text-align: center; padding-left: 15px; padding-right: 15px; }
  .prm-banner-content h2 {font-size: 23px;letter-spacing: -0.5px;}
  .prm-banner-content p { font-size: 16px; margin-bottom: 25px; }
}
@media (max-width: 991px) {
  .service-banner { min-height: 400px; }
  .service-content { min-height: 400px; }
  .service-content h2 { font-size: 38px; }
  .service-content p { font-size: 17px; margin-bottom: 35px; }
}
@media (max-width: 767px) {
  .prm-banner-content.prm-banner-content-right h2, .prm-banner-content.prm-banner-content-right p,
.prm-banner-content.prm-banner-content-left h2, .prm-banner-content.prm-banner-content-left p {
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 0;
  }
  .service-banner { min-height: 400px; background-position: center center; }
  .service-banner::after { inset: 40% 0px 0px; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.96) 70%, rgb(255, 255, 255) 100%); }
  .service-content { min-height: 400px; justify-content: flex-end; align-items: center; text-align: center; padding: 40px 15px; }
  .service-content h2 { font-size: 32px; letter-spacing: -0.5px; }
  .service-content p { font-size: 16px; margin-bottom: 25px; }
}
@media (max-width: 991px) {
  .appointment-title { font-size: 30px; margin-bottom: 35px; }
  .step-content { padding: 40px 25px; }
  .step-content h3 { font-size: 18px; }
  .step-content p { font-size: 15px; }
}
@media (max-width: 767px) {
  .appointment-steps { padding: 40px 0px; }
  .appointment-title { font-size: 26px; margin-bottom: 30px; }
  .appointment-step { min-height: 360px; }
  .step-content { padding: 40px 25px; }
  .step-icon { font-size: 38px; }
}
@media (max-width: 380px) {
  section.section.parallax { background-attachment: unset; background-size: 100%; height: 200px; }
}
@media (min-width: 381px) and (max-width: 450px) {
  section.section.parallax { background-attachment: unset; background-size: 100%; height: 230px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-wrapper { height: auto; }
}
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0px !important; }
.prm-about-page { padding: 85px 0px 100px; }
.prm-about-intro { max-width: 900px; margin: 0px auto 45px; text-align: center; }
.prm-about-label {display: block;margin-bottom: 0;color: rgb(195 0 22);font-size: 11px;line-height: 1.4;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;}
.prm-about-title { margin: 0px 0px 15px; color: rgb(21, 21, 21); font-size: 30px; line-height: 1.25; font-weight: 400; }
.prm-about-intro p { margin: 0px 0px 12px; color: rgb(98, 104, 120); font-size: 14px; line-height: 1.65; font-weight: 400; }
.prm-team-list { margin-top: 35px; }
.prm-team-card { position: relative; margin-bottom: 25px; padding: 40px; background: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 35px; min-height: 280px; }
.prm-team-content { padding-right: 25px; }
.prm-team-role {display: block;margin-bottom: 0;color: rgb(0 0 0);font-size: 11px;line-height: 1.5;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;}
.prm-team-name {margin: 0px 0px 10px;color: rgb(219 44 64);font-size: 22px;line-height: 1.3;font-weight: 700;}
.prm-team-description { margin: 0px; color: rgb(93, 99, 112); font-size: 16px; line-height: 1.65; }
.prm-team-image-wrap { text-align: right; }
.prm-team-image { display: inline-block; object-fit: cover; border-radius: 4px; vertical-align: top; }
@media (max-width: 991px) {
  .prm-about-page { padding: 65px 0px 80px; }
  .prm-about-intro { max-width: 90%; }
  .prm-team-card { padding: 30px; }
  .prm-team-content { padding-right: 15px; }
  .prm-team-name { font-size: 21px; }
  .prm-team-description { font-size: 16px; }
  .prm-team-image { width: 125px; }
}
@media (max-width: 767px) {
  .prm-about-page { padding: 50px 0px 60px; }
  .prm-about-intro { max-width: 100%; margin-bottom: 35px; }
  .prm-about-title { font-size: 27px; }
  .prm-about-intro p { font-size: 14px; line-height: 1.6; }
  .prm-team-card { padding: 25px; text-align: center; min-height: auto; }
  .prm-team-content { padding-right: 0px; margin-bottom: 25px; }
  .prm-team-image-wrap { text-align: center; }
  .prm-team-image { width: 140px; height: 180px; }
}
@media (max-width: 480px) {
  .prm-about-title { font-size: 25px; }
  .prm-about-intro p { font-size: 16px; }
  .prm-team-card { padding: 22px 18px; }
  .prm-team-name { font-size: 20px; }
}

.headingsmall {
    display: block;
    margin-bottom: 0;
    color: rgb(195 0 22);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* =========================================================
   MAIN HIRING SECTION
========================================================= */

.prm-hiring-section {
    width: 100%;
    background: #fff;
    /* border-top: 4px solid #e8e4a8; */
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}


/* =========================================================
   BOOTSTRAP ROW RESET
========================================================= */

.prm-hiring-section .row {
    margin-left: 0;
    margin-right: 0;
}

.prm-hiring-section [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.prm-hiring-image {
    position: relative;
    min-height: 680px;
    background-image: url("../images/driving-instructor.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.prm-hiring-image-contact {
    position: relative;
    min-height: 680px;
    background-image: url("../images/kubio-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}


/* White fade toward the form */

.prm-hiring-image:after {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 32%;

    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.15) 25%,
        rgba(255,255,255,0.65) 65%,
        #fff 100%
    );

    pointer-events: none;
}


/* =========================================================
   RIGHT FORM AREA
========================================================= */

.prm-hiring-content {
    min-height: 680px;

    padding: 55px 40px 45px;

    background: #fff;
}


/* =========================================================
   HEADING
========================================================= */

.prm-hiring-title {
    margin: 0 0 20px;

    color: #151515;

    font-size: 28px;
    line-height: 1.2;

    font-weight: 700;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.prm-hiring-description {
    margin: 0 0 25px;

    color: #333;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   FORM ROW
========================================================= */

.prm-hiring-form-row {
    margin-left: -13px !important;
    margin-right: -13px !important;
}

.prm-hiring-form-row:before,
.prm-hiring-form-row:after {
    display: table;
    content: " ";
}

.prm-hiring-form-row:after {
    clear: both;
}

.prm-hiring-field {
    padding-left: 13px !important;
    padding-right: 13px !important;
}


/* =========================================================
   LABELS
========================================================= */

.prm-hiring-form label {
    display: block;

    margin-bottom: 5px;

    color: #111;

    font-size: 12px;
    line-height: 1.4;

    font-weight: 600;
}


/* =========================================================
   INPUTS
========================================================= */

.prm-hiring-form .form-control {
    width: 100%;
    height: 36px;

    padding: 8px 10px;

    background: #f2f2f2;

    border: 1px solid #222;
    border-radius: 0;

    box-shadow: none;

    color: #333;

    font-size: 12px;
}

.prm-hiring-form .form-control:focus {
    border-color: #222;

    box-shadow: none;
    outline: none;

    background: #f8f8f8;
}


/* =========================================================
   FIELD SPACING
========================================================= */

.prm-hiring-group {
    margin-bottom: 17px;
}


/* =========================================================
   FILE INPUT
========================================================= */

.prm-hiring-file {
    width: 100%;
    height: 36px;

    position: relative;

    display: flex;
    align-items: center;

    overflow: hidden;
}

.prm-hiring-file input[type="file"] {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    cursor: pointer;
    z-index: 2;
}

.prm-hiring-file-button {
    display: inline-block;

    height: 36px;

    padding: 10px 13px;

    background: #16bfa8;
    color: #fff;

    font-size: 12px;
    line-height: 16px;

    font-weight: 600;

    white-space: nowrap;
}

.prm-hiring-file-name {
    display: inline-block;

    margin-left: 10px;

    color: #888;

    font-size: 11px;

    white-space: nowrap;
}


/* =========================================================
   TEXTAREA
========================================================= */

.prm-hiring-form textarea.form-control {
    height: 126px;

    resize: vertical;

    padding-top: 10px;
}


/* =========================================================
   CHARACTER COUNTER
========================================================= */

.prm-hiring-counter {
    margin-top: 7px;

    text-align: right;

    color: #555;

    font-size: 10px;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.prm-hiring-submit {
    display: inline-block;

    min-width: 205px;

    height: 51px;

    margin-top: 3px;

    padding: 0 25px;

    background: #e8dc72;
    color: #111;

    border: 0;
    border-radius: 6px;

    font-size: 11px;
    line-height: 51px;

    font-weight: 600;

    letter-spacing: 2px;

    text-align: center;
    text-transform: uppercase;

    transition: all 0.25s ease;
}

.prm-hiring-submit:hover,
.prm-hiring-submit:focus {
    background: #dcd064;
    color: #111;

    text-decoration: none;

    outline: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .prm-hiring-image {
        min-height: 620px;
    }

    .prm-hiring-content {
        min-height: 620px;

        padding: 45px 30px;
    }

    .prm-hiring-title {
        font-size: 26px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .prm-hiring-image {
        min-height: 400px;

        background-position: center center;
    }


    /* Fade becomes bottom fade on mobile */

    .prm-hiring-image:after {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100%;
        height: 40%;

        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.75) 60%,
            #fff 100%
        );
    }


    .prm-hiring-content {
        min-height: auto;

        padding: 40px 20px 45px;
    }


    .prm-hiring-title {
        font-size: 25px;
    }


    .prm-hiring-description {
        font-size: 14px;
    }


    /* Stack first/last name */

    .prm-hiring-field {
        margin-bottom: 17px;
    }


    .prm-hiring-form-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .prm-hiring-field {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .prm-hiring-submit {
        width: 100%;
        max-width: 250px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .prm-hiring-image {
        min-height: 330px;
    }

    .prm-hiring-content {
        padding: 35px 15px 40px;
    }

    .prm-hiring-title {
        font-size: 23px;
    }

}
ol.ol-list {
    line-height: 25px;
}

ol.ol-list li {
    margin-bottom: 10px;
}
.contact-step {
    position: relative; 
    overflow: hidden;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    display: table;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 18px;
    transition: 0.3s;
    margin-bottom: 30px;
}
.media.media-item {
    padding: 15px 0;
    box-shadow: 0 0 4px #ccc; 
}
.h3, h3 {
    font-size: 20px;
    text-transform: none;
}

/* =========================================================
   SPECIAL THEME BUTTONS
   ========================================================= */

/* ---------------------------------------------------------
   BUTTON 1 - PRIMARY
   Dark / Light: Red with white text
   Hover: Black with white text
   Red theme: Black with white text
   Hover: White with black text
   --------------------------------------------------------- */

.theme-button-primary,
.theme-button-secondary {
    display: inline-block;
    padding: 12px 15px;
    border-radius: 6px;
    border: 2px solid;
}

.theme-button-primary {
    background: #000;
    color: #fff;
    border-color: #000;
}

.theme-button-secondary {
    background: #fff;
    color: #000;
    border-color: #000;
}
/* DARK + LIGHT THEMES */
html.dark .theme-button-primary,
html.light .theme-button-primary, html.blue .theme-button-primary {
    background: #2e69ff !important;
    color: #ffffff !important;
    border: 2px solid #2e69ff !important;
    box-shadow: 0 3px 8px rgba(178, 13, 48, 0.20) !important;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

html.dark .theme-button-primary:hover,
html.dark .theme-button-primary:focus,
html.light .theme-button-primary:hover,
html.light .theme-button-primary:focus {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
    transform: translateY(-2px);
}

/* Active */
html.dark .theme-button-primary:active,
html.light .theme-button-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Blue THEME */
html.blue .theme-button-primary {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

html.blue .theme-button-primary:hover,
html.blue .theme-button-primary:focus {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20) !important;
    transform: translateY(-2px);
}


/* ---------------------------------------------------------
   BUTTON 2 - SECONDARY
   All themes: White with black text + black border
   Hover: Border turns red
   --------------------------------------------------------- */

html.dark .theme-button-secondary,
html.light .theme-button-secondary,
html.blue .theme-button-secondary {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;
    transition: 
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease,
        color 0.25s ease !important;
}

html.dark .theme-button-secondary:hover,
html.dark .theme-button-secondary:focus,
html.light .theme-button-secondary:hover,
html.light .theme-button-secondary:focus,
html.blue .theme-button-secondary:hover,
html.blue .theme-button-secondary:focus {
    background: #ffffff !important;
    color: #004aff !important;
    border-color: #004aff !important;
    box-shadow: 0 5px 14px rgba(0, 74, 255, 0.18) !important;
    transform: translateY(-2px);
}

/* Button sizing */
html.dark .theme-button-primary,
html.light .theme-button-primary,
html.blue .theme-button-primary,
html.dark .theme-button-secondary,
html.light .theme-button-secondary,
html.blue .theme-button-secondary {
    padding: 12px 15px !important;
    border-radius: 6px !important;
}
/*Home page why choose cards*/
.why-choose-row { 
  display: flex; flex-wrap: wrap; 
} 
.why-choose-row > [class*="col-"] { 
  display: flex; margin-bottom: 30px; 
} 
.why-choose-card { 
  width: 100%; height: 100%; padding: 30px 20px; background: #fff; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10); text-align: center; 
} 
.why-choose-icon { 
  display: block; margin-bottom: 18px; font-size: 40px; color: #bc00c1; 
}
 .why-choose-card h4 { 
  margin-top: 0; margin-bottom: 15px; color: #2e69ff; font-size: 20px; line-height: 1.3; 
} 
.why-choose-card p { 
  margin-bottom: 0; line-height: 1.6; 
} 
@media (max-width: 991px) { 
  .why-choose-row > [class*="col-"] { margin-bottom: 30px; } 
}

/*Carousel buttons*/
.slider-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.slider-buttons .theme-button-primary {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .slider-buttons {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*Test*/
/* Road Test Sponsorship card + image */
@media (min-width: 992px) {

    .road-test-row {
        display: flex !important;
        align-items: stretch !important;
    }

    .road-test-row > .packageTemplate_2 {
        display: flex;
        flex-direction: column;
    }

    .road-test-row > .col-md-5 {
        display: flex;
    }

    .road-test-row .road-test-image {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
}


/* Stack card and image below desktop */
@media (min-width: 992px) {
    .road-test-three {
        display: flex;
        align-items: stretch;
    }

    .road-test-three > .packageTemplate_2,
    .road-test-three > .col-md-4 {
        float: none;
    }

    .road-test-three > .packageTemplate_2 {
        margin-top: 0;
    }

    .road-test-three .road-test-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 992px) {
    .highway-cards-row > .packageTemplate_2 {
        display: block;
    }

    .highway-cards-row .packagedetails.packageTemplate_2 {
        display: block;
    }

    .highway-cards-row .packagedetails.packageTemplate_2 > div {
        display: block;
    }
}

@media (min-width: 992px) {
    .highway-cards-row > .packageTemplate_2 {
        display: flex;
        align-items: stretch;
    }

    .highway-cards-row .packagedetails.packageTemplate_2 {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .highway-cards-row .packagedetails.packageTemplate_2 > div {
        display: flex;
        flex: 1 1 auto;
    }

    .highway-cards-row .package-card {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .highway-cards-row .packagedetails.packageTemplate_2 > div {
        display: block;
        width: 100%;
    }

    .highway-cards-row .package-card {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .bg-wrapper {
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #fff;
        min-height: 240px;
    }
}

@media (min-width: 992px) {
    .bg-wrapper {
        background-color: #fff;
        background-size: 60% auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
}