/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
  --main: #911313;
  --secondary: #efa816;
  --white: #ffffff;
  --black: #000000;
  --lightmain: rgba(145,19,19,0.5);
  --lightermain: rgba(145,19,19,0.1);
  --lightsecondary: rgba(239,168,22,0.5);
  --lightersecondary: rgba(239,168,22,0.1);
  --lightblack: rgba(0,0,0,0.5);
  --lighterblack: rgba(0,0,0,0.1);
  --lightwhite: rgba(255,255,255,0.5);
  --lighterwhite: rgba(255,255,255,0.1);
  --lightbshadow: rgba(0, 0, 0, 0.15);
}

body { font-size: 1.2rem; }
* { position: relative; margin-top: 0; margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', san-serif; letter-spacing: -1px; color: var(--main); line-height: 3rem; transition: all .3s ease-out !important; }
a { transition: all .3s ease-out !important; }
p { line-height: 1.2 !important; }
p:last-child { margin-bottom: 0; }
strong, b { color: var(--main); }
.section { background-color: transparent; }
#slider{ padding: 0; }
#wrapper { z-index: 1; overflow: hidden; }
.hide { display: block; }
.button { text-shadow: none; text-transform: none; letter-spacing: 0; background-color: var(--main); border-radius: 0.3rem; }
.button:hover { text-shadow: none; background-color: var(--secondary) !important; }
.content-wrap { padding: 0 !important; }
#google_translate_element { height: 25px; margin: 9px 12px; overflow: hidden; }

.top-phone { background-color: var(--main); color: var(--white); padding: 5px 14px; border-radius: 0.5rem; overflow: hidden; }
.top-phone:hover { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); background-color: var(--black); color: var(--white); }
.top-phone i, .top-phone span { transition: all .3s ease-out !important; }
.top-phone span { position: absolute; right: -7rem; font-size: 1.1rem; font-weight: bold; }

.menu-link { color: var(--secondary); cursor: pointer; }
.sticky-header .menu-link { color: var(--black); }
.menu-item.current > .menu-link { color: var(--main); }
.menu-item:hover > .menu-link { color: var(--black); }

.slider-caption h2 { text-transform: none; color: var(--white) !important; margin-bottom: 0.5rem; letter-spacing: -1px; }
.slider-caption.slider-caption-right { padding: 0 5rem; }

.welcome { padding: 6rem 2rem; max-width: 1000px; }
.welcome [class*=col-] { display: flex; }
.welcome .col-md-4 div { aspect-ratio: 1/1; background-size: cover; background-position: center; border-radius: 1rem; width: 100%; }
.welcome .col-md-8 div { margin: auto 0; }
.welcome h3 { font-size: 2rem; line-height: 1em; margin-bottom: 1rem; }
.welcome a, .partner a { margin: 1rem 0 0; }
.welcome .col-md-8 a:last-of-type { margin-left: 1rem; background-color: var(--lightblack); }
.welcome ul li { margin-bottom: 0; display: inline-block; width: 32%; margin-left: 2%; }
.welcome ul li:first-child { margin-left: 0; }
.welcome ul li a { display: block; background-color: var(--secondary); padding: 0.5rem 1rem; font-weight: bold; color: var(--white); width: 100%; border-radius: 0.5rem; }
.welcome ul li:nth-child(even) a { background-color: var(--main); }
.welcome ul li:hover a, .welcome ul li a.selected { background-color: var(--black); }
.welcome .objectivesDiv { padding: 2rem; border-radius: 1rem; margin: 1rem 0 0 0; background-color: var(--lightersecondary); font-family: "Poppins", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-weight: 700;
    font-size: 3rem; letter-spacing: -2px; line-height: 1; color: var(--black); display: none; }

.programs .tabs_div { display: none; }
.programs .tabNavigation { text-align: center; }
.programs ul li { display: inline-block; }
.programs ul li:first-child { margin-right: 1rem; }
.programs .tabNavigation h2 { display: inline-block; padding: 0.5rem 1.5rem; background-color: var(--lighterblack); color: var(--black); margin-bottom: 1rem; z-index: 2; border-radius: 0.5rem; }
.programs a.selected h2 { background-color: var(--secondary); }
.owl-carousel.owl-nav-hover-fixed .owl-nav [class*=owl-],
.owl-carousel:hover .owl-nav [class*=owl-] { background-color: var(--lightwhite); color: var(--black); border: none; transition: all .3s ease-out !important; }
.owl-carousel .owl-nav [class*=owl-]:hover { background-color: var(--main) !important; color: var(--white); }
.owl-carousel .owl-dots, .owl-carousel .owl-nav { position: absolute; top: 50%; z-index: 1; width: 100%; }
.owl-carousel.owl-drag .owl-item { filter: blur(2px) grayscale(1) opacity(0.3); transition: all .3s ease-out !important; }
.owl-carousel.owl-drag .owl-item.center, .owl-carousel.owl-drag .owl-item:hover { filter: blur(0) grayscale(0) opacity(1); }
.owl-carousel + div { text-align: center; margin-top: 3rem; }
.owl-carousel.owl-drag .owl-item .bg-overlay a { width: 100%; height: 100%; }
.cts h2 { line-height: normal; padding-top: 6rem; }
.cts a { margin-bottom: 6rem; }

.partner { padding: 6rem 2rem 5rem; max-width: 1000px; }
.partner h3 { font-size: 2rem; margin-bottom: 1rem; }
.partner .col-lg-5 img { border-radius: 1rem; webkit-transform: rotate(15deg);  -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); width: 50%; float: left; }
.partner .col-lg-5 img:first-child { webkit-transform: rotate(-5deg);  -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); top: 2rem; }
.partner .payment { max-width: 400px; margin-top: 1rem; }
.partner .row + p { margin-bottom: 0; margin-top: 5rem; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.partner ul { list-style: none; margin-bottom: 0; }
.partner li { display: inline-block; margin-right: 1rem; }
.partner li i { font-size: 2rem; }

.socialmedia { max-width: 800px; background-color: var(--lighterblack); padding: 2rem;  }
.socialmedia h3 { font-size: 2rem; margin-bottom: 0; }
.socialmedia span { font-size: 1rem; color: var(--lightblack); }
.socialmedia [class*=col-] { line-height: 0; display: flex; }
.socialmedia ul { margin: auto 0 auto auto; text-align: right; }
.socialmedia ul li { display: inline-block; }
.socialmedia ul a { margin: 0 0 0 10px !important; }

footer { background-color: transparent !important; border: none !important; margin-top: 2rem;  }
footer .container { background-color: var(--main); border-top-left-radius: 1rem; border-top-right-radius: 1rem; padding: 1rem 2rem 0 2rem; }
footer .container .col-lg-5 img { filter: brightness(0) invert(1); height: 100px }
footer .container .col-lg-5 + div, footer .container .col-lg-5 + div + div { padding-top: 0.5rem; }
footer .container [class*=col-] { text-align: right; color: var(--white); font-size: 15px; }
footer .container [class*=col-] dt { font-size: 12px; color: var(--lightwhite); }
footer .container .col-lg-5, footer .container .col-lg-3 { text-align: left; }
footer #copyrights { background-color: transparent !important; color: var(--lightwhite); border-top: 1px solid var(--lighterwhite); padding: 1rem 0; }


.modalWrap { max-width: 800px !important; margin: auto; padding: 0 !important; }
.modalWrap .title { padding: 2rem; background-color: var(--white); line-height: 1em; padding-right: 4rem; margin-bottom: 0; }
.modalWrap .img { padding: 10rem; background-size: cover; background-position: center; }
.modalWrap .img.ceo { background-position: top; }
.modalWrap .img + .content, .modalWrap img + .content { padding-top: 2rem; }
.modalWrap .titleDiv { position: absolute; right: 0; bottom: -1rem; background-color: var(--secondary); text-align: right; padding: 1rem 2rem 2rem; line-height: 0; z-index: 1; }
.modalWrap .titleDiv h3 { font-size: 2rem; margin-bottom: 0; }
.modalWrap .titleDiv span { font-size: 12px; }
.modalWrap .content { padding: 0 2rem 2rem; background-color: var(--white); }
.modalWrap h3 { margin-bottom: 0; }
.modalWrap blockquote p { margin-bottom: 0; } 
.modalWrap ul { list-style: none; border-bottom: 1px solid var(--lightermain); font-size: 13px; padding-bottom: 1rem; }
.modalWrap ul li { display: inline-flex; margin-right: 1rem; }
.modalWrap ul li:last-of-type { margin-right: 0; }
.modalWrap ul li i { font-size: 1.2rem; margin: auto 0.5rem auto 0; color: var(--black); }
.modalWrap ul li span { display: inline-block; margin: auto; color: var(--main); }
.modalWrap .desc { margin-bottom: 2rem; }
.modalWrap form { margin-top: 2rem; }
.modalWrap input[type="submit"] { background-color: var(--secondary) !important; padding-left: 1.2rem; padding-right: 1.2rem; }
.modalWrap input[type="submit"]:hover { background-color: var(--black) !important; }
.modalWrap select { width: 100%; padding: 0.6rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; border: 1px solid #ced4da; }

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 0 !important; }
.fancybox__content>.f-button.is-close-btn { top: 0 !important; z-index: 10000; background: var(--secondary); border-radius: 0; padding: 1rem; width: auto; height: auto;  border-bottom-left-radius: 1rem; color: var(--black); }
.f-button:hover:not([disabled]) { color: var(--black) !important; background-color: var(--lightsecondary) !important; }
.owl-carousel .owl-nav.disabled { display: block !important; }

@media (max-width: 480px) {
#logo { width: 40%; }
#logo img { height: auto !important; }
.welcome { padding-top: 2rem; }
.welcome .col-md-4 div { margin-bottom: 1rem; }
.welcome .col-md-8 a:first-of-type { margin-right: 1rem; }
.welcome .col-md-8 a:last-of-type { margin-left: 0; }
.objectiveTabs .objScroll { overflow-y: scroll; }
.objectiveTabs ul { min-width: 470px; }
.objectiveTabs ul li { width: auto; }
.welcome .objectivesDiv { font-size: 2rem; letter-spacing: -1px; }
.partner .col-lg-7 { padding-bottom: 1rem; }
.socialmedia ul { text-align: left; margin: 2rem auto 0 0; }
footer .container [class*=col-] { text-align: left; }
.socialmedia ul a { margin: 0 10px 0 0!important; }
}

@media (max-width: 768px) {
}

@media (min-width: 768px) {
.slider-caption.slider-caption-right { padding: 0 5rem 0 0; }
.modalWrap .img.ceo { background-position: 0 -10rem; }
.partner .row + p { margin-top: 2.5rem; }
}

@media (min-width: 992px) {	
.product:hover .product-image a { transform: scale(1.05); }
.menu-link { color: var(--lightwhite); }
.menu-item:hover > .menu-link { color: var(--secondary); }
.partner .col-lg-7 { padding-right: 3rem; }
.partner .col-lg-5 img { position: absolute; left: 0; top: 0; webkit-transform: rotate(15deg);  -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); 
/*width: 300px; */
    
}
.partner .col-lg-5 img:first-child { webkit-transform: rotate(-5deg);  -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); left: auto; right: 0; bottom: 0;
    
}
.socialmedia { border-radius: 1rem; }
footer { margin-top: 6rem; }
}

@media (min-width: 1200px) {
.top-phone:hover span { right: 1rem; }
.top-phone:hover i { margin-right: 4rem; }
.welcome, .partner { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); }
}