body { background: #fff; font-family: "Rubik", sans-serif; margin: 0; overflow-x: hidden; color: #23272b; font-weight: 400; font-size: 14px; }
a:hover, a:focus { text-decoration: none; }
a.link { color: #3e4555; }
a.link:hover, a.link:focus { color: #e21d2c; }
a.white-link { color: #ffffff; }
a.white-link:hover, a.white-link:focus { color: #263238; }

a.text-primary { color: #e21d2c;  }
a.text-primary:hover { color: #7F0008 !important; }

.round-social a { width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
.round-social a:hover { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); }
.round-social.light a { color: #263238; background: #f5f7fa; }
.round-social.light a:hover { background: #263238; color: #ffffff; }

.dt-rounded { border: 1px solid #555; border-radius: 50%; width: 36px; height: 36px; padding-top: 7px; }

.dt-square { border: 1px solid #555; border-radius: 1%; width: 36px; height: 36px; padding-top: 7px; }

.b-20p { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.t-center-x { transform: translateX(-50%) !important; }
.t-center-y { transform: translateY(-50%) !important; }
.t-center { transform: translate(-50%, -50%) !important; }
.img-ho { overflow: hidden; }
.translate-top { top: -70px; }

.hs-description p { line-height: 2em; }

.blog-image { padding-top: 50%; background-repeat: no-repeat; background-size: cover; }

.list-group-item.active { background-color: #e21d2c; border-color: #e21d2c;  }

.column-count-2 { column-count: 2; column-gap: 40px; }

.custom-nav .nav-link { padding: 5px 0px; color: #444; }
.custom-nav .nav-link:hover, .custom-nav .nav-link.active { color: #e21d2c; }

img.full-width {width: 100%; height: auto; }
img.auto-scale { max-width: 100%; height: auto; }
.img-with-border img { padding: 1px; }
.img-with-border-2 img { padding: 2px; }

.zoom-in { overflow: hidden; }
.zoom-in img { transition: 0.2s ease-in; }
.zoom-in:hover img { transform: scale(1.2,1.2); }

.dt-full-box .bg-cover { min-height: 350px; }
.bg-cover { background-size: cover;  }
.bg-fixed { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.bg-center { background-position: center; }

.lightbox { cursor: pointer; }
.stat { font-size: 3rem; }

.bg-light-2 { background-color: #e8e8e8; }
.bg-light { background-color: #e8e8e8; }

.bg-dark-2 { background: #28363d; }
.bg-dark-2 .title { color: #f9f9f9; }
.bg-dark-2 a.btn-green:hover { background-color: #f9f9f9; color: #5c5c5c; }

.bg-dark-3 { background: #1f2a30; }

.bg-custom { background: #e21d2c !important; }
.text-custom { color: #e21d2c !important; }
.text-custom-light { color: #FFDB89 !important; }

.text-primary { color: #e21d2c !important; }
.bg-primary { background-color: #e21d2c !important; }

.text-shadow { text-shadow: 2px 2px 4px #444; }
.box-shadow { box-shadow: 2px 2px 5px #ddd; }

.btn-custom {
    text-transform: uppercase; font-size: 80%; letter-spacing: 2px;
    color: #fff;
    background-color: #e21d2c;
    border-color: #e21d2c;
}

.btn-custom:hover {
    background-color: #4F4F4F;
    border-color: #4F4F4F;
    color: #fff;
}

.btn-outline-custom {
    color: #e21d2c;
    background-color: transparent;
    background-image: none;
    border-color: #e21d2c;
}

.btn-outline-custom:hover {
    color: #fff;
    background-color: #e21d2c;
    border-color: #e21d2c;
}

/* NOTIFY */
[data-notify="progressbar"] { margin-bottom: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; }

/* ERORI LA VALIDARE */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; }
.has-error .form-control-feedback { color: #a94442; }

.titlu { font-family: 'Poppins', sans-serif; letter-spacing: 2px; font-size: 1.8rem; font-weight: 700; }

html body .m-0 {margin: 0px; }
html body .m-l-5 {margin-left: 5px; }
html body .m-l-10 { margin-left: 10px; }
html body .m-l-15 { margin-left: 15px; }
html body .m-l-20 { margin-left: 20px; }
html body .m-l-30 { margin-left: 30px; }
html body .m-l-40 { margin-left: 40px; }
html body .m-r-5 { margin-right: 5px; }
html body .m-r-10 { margin-right: 10px; }
html body .m-r-15 { margin-right: 15px; }
html body .m-r-20 { margin-right: 20px; }
html body .m-r-30 { margin-right: 30px; }
html body .m-r-40 { margin-right: 40px; }
html body .m-t-0 { margin-top: 0px; }
html body .m-t-5 { margin-top: 5px; }
html body .m-t-10 { margin-top: 10px; }
html body .m-t-15 { margin-top: 15px; }
html body .m-t-20 { margin-top: 20px; }
html body .m-t-30 { margin-top: 30px; }
html body .m-t-40 { margin-top: 40px; }
html body .m-b-0 { margin-bottom: 0px; }
html body .m-b-5 { margin-bottom: 5px; }
html body .m-b-10 { margin-bottom: 10px; }
html body .m-b-15 { margin-bottom: 15px; }
html body .m-b-20 { margin-bottom: 20px; }
html body .m-b-30 { margin-bottom: 30px; }
html body .m-b-40 { margin-bottom: 40px; }
html body .dl { display: inline-block; }
html body .db { display: block; }

html body .p-b-0 { padding-bottom: 0; }
html body .p-t-0 { padding-top: 0; }
html body .p-t-5 { padding-top: 5px; }
html body .p-y-90 { padding-top: 90px; padding-bottom: 90px; }
html body .p-y-60 { padding-top: 60px; padding-bottom: 60px; }

h1 { line-height: 40px; font-size: 36px; }
h2 { line-height: 1.8em; font-size: 30px; }
h3 { line-height: 30px; font-size: 24px; }
h4 { line-height: 26px; font-size: 21px; }
h5 { line-height: 22px; font-size: 18px; font-weight: 300; }
h6 { line-height: 20px; font-size: 16px; font-weight: 300; }
p { line-height: 1.2em; }

html body .font-semibold { font-weight: 500; }
html body .font-bold { font-weight: 500; }
html body .font-black { font-weight: 900; }
html body .font-normal { font-weight: normal; }
html body .font-48 { font-size: 48px; }
html body .font-36 { font-size: 36px; }
html body .font-28 { font-size: 28px; }
html body .font-24 { font-size: 24px; }
html body .font-20 { font-size: 20px; }
html body .font-18 { font-size: 18px; }
html body .font-16 { font-size: 16px; }
html body .font-14 { font-size: 14px; }
html body .font-13 { font-size: 13px; }
html body .font-10 { font-size: 10px; }
html body .fs-36, html body .font-36 { font-size: 36px; }

.font-family-primary { font-family: 'Poppins', sans-serif; }

.letter-spacing-26 { letter-spacing: .26em; }
.letter-spacing-3px { letter-spacing: 3px; }
.letter-spacing-1px { letter-spacing: 1px; }
.letter-spacing-2px { letter-spacing: 2px; }
.font-weight-300 { font-weight: 300; }
.line-height-2 { line-height: 2em; }
.line-height-30 { line-height: 30px !important; }
.line-height-14 { line-height: 1.4em; }
.line-height-16 { line-height: 1.6em; }

.mic { font-size: 80%; }

.dotted { background-color: #B20505; background-image: url(../images/dots.png); }
.pattern {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a7e5ff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.pattern-2 {
    background-image: url(../images/bg-pattern-1.jpg); background-attachment: fixed;
}

.box { border-radius: 4px; padding: 10px; }
.card { border: 0px; margin-bottom: 30px; }
.card .date-pos { font-family: 'Rubik', sans-serif; display: inline-block; position: absolute; left: 15px; top: 15px; color: #ffffff; border-radius: 4px; text-align: center; }
.card .date-pos span { display: block; font-size: 30px; line-height: 30px; }
.odd-border:nth-child(1) { border-bottom: 1px solid #dcdcdc; }
.card .date-pos-bottom { position: absolute; right: 15px; top: 15px; }

.no-wrap td, .no-wrap th { white-space: nowrap; }
.circle { border-radius: 100%; }

/* LIST BLOCK */
.list-block { margin: 0px; padding: 0px; }
.list-block li { list-style: none; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.list-block li i { margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px; }

/* BUTOANE */
.btn.btn-green { color: #ffffff; padding: 10px 25px; cursor: pointer; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; }
.btn.btn-green:hover { color: #ffffff; }
.btn.btn-green:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-green { background-color: #e21d2c; color: #fff; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.btn-green:hover { background-color: #5c5c5c; color: #fff;}

.btn-arrow { position: relative; }
.btn-arrow span { display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform; }
.btn-arrow:hover span, .btn-arrow:focus span { -webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0); }
.btn-arrow i { position: absolute; width: 1.1em; right: 0px; right: 0rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity; }
.btn-arrow:hover i, .btn-arrow:focus i { opacity: 1; right: -2rem; }

.btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; }
.btn-md { padding: 15px 45px; font-size: 16px; }
.btn-sm { padding: .25rem .5rem; font-size: 12px; }
.btn-xs { padding: .25rem .5rem; font-size: 10px; }

.text-green { color: #e21d2c; }

/*pagination*/
.pagination { list-style: none; padding: 30px 0; display: block; text-align: center; vertical-align: middle; border-width: 1px 0; border-style: solid; border-color: #e6e6e6; margin: 0px 0 50px; }
.pagination li { float: inherit; display: inline-block; vertical-align: middle; }
.pagination li a { margin: 0 3px; padding: 0; display: block; width: 30px; height: 30px; line-height: 27px; border-radius: 100%; background-color: transparent; color: #5d5d5d; border: 1px solid #e9e9e9; }
.pagination li a i { font-size: 25px; vertical-align: middle; }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-radius: 50px 0 0 50px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0 50px 50px 0; }
.pagination a.active,.pagination a:active { background-color: #e21d2c; border-color: #e21d2c; color: #fff; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #fff; background-color: #e21d2c; border-color: #e21d2c; }

/* SEARCH MODAL */
.header-search { position: fixed; top: 0; left: 0; display: block; visibility: hidden; width: 100%; height: 100vh; background-color: rgba(34,34,34,0.95); opacity: 0; z-index: 99999; transition: all 0.3s ease 0s; }
.header-search.open { visibility: visible; opacity: 1; }
.search-close {position: absolute; top: 0; right: 0; width: 60px; height: 60px; font-size: 18px; border: none; background-color: #fff !important; opacity: 1 !important; z-index: 999; transition: all 0.3s; }
.search-open { float: right; height: 40px; padding-top: 7px; padding-left: 22px; font-size: 14px; color: #666; background-color: #fff; }
.header-search.open { visibility: visible; opacity: 1; }
.search-global { position: absolute; top: 50vh; margin-top: -120px; }
.search-gi { width: 100%; padding-right: 50px; padding-bottom: 12px; font-size:62px; color: #fff; border: none; border-bottom: 1px solid #919191; background-color: transparent; opacity: 1; }
.search-gi::-moz-placeholder { color: #666; }
.search-gi:-ms-input-placeholder { color: #666; }
.search-gi::-webkit-input-placeholder { color: #666; }
.search-gi:focus { outline-style: none; }
.search-gb { position: absolute; top: 34px; right: 0; font-size: 30px; color: #fff; border: none; background-color: transparent; transition: all 0.3s; }
.search-gn { margin-top: 20px; font-weight: 300; font-size: 16px; color: #fff; }

/* MAIN SLIDER */
.sp-slide .overlay, .dt-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0, .3); }
.sp-layer.main-slider-title { font-size: 3em; font-weight: 400; letter-spacing: 5px; color: #fff;  }
.sp-layer .info-title { font-size: 1.6em; letter-spacing: 3px; font-weight: 300; }
.sp-green { color: #FFF; background: #e21d2c; background: rgba(67,178,88,.7); }

#particles-js { top: 0; width: 100%; height: 700px; background: #222; }
.page-wrap { position: relative; }

.slide-blue-overlay { position: absolute; bottom: 60px; right: 0; width: 40%; height: 160px; background-color: #e21d2c; }
.slide-blue-overlay:before { content: ''; width: 0; height: 0; border-left: 160px solid transparent; border-right: 0px solid transparent; border-bottom: 160px solid #e21d2c; position: relative; top: -20px; left: -160px; }

.slide-white-overlay { position: absolute; bottom: 60px; right: 0; width: 30%; height: 160px; background-color: #fff; }
.slide-white-overlay:before { content: ''; width: 0; height: 0; border-left: 160px solid transparent; border-right: 0px solid transparent; border-bottom: 160px solid #fff; position: relative; top: -20px; left: -160px; }

/* hamburger menu icon  */
.nav-icon {
    width: 24px; height: 24px; position: relative; margin: 0 auto; margin-top: 20px; margin-right: 15px; cursor: pointer; float: right;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}

.nav-icon span { display: block; position: absolute;
    height: 3px; width: 100%; background: #e21d2c; border-radius: 5px; opacity: 1; left: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* mobile nav icon */
.nav-icon span:nth-child(1) { top: 0px; }
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 8px; }
.nav-icon span:nth-child(4) { top: 16px; }

.nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

/* Mobile menu */
.mobile-menu-area { padding: 15px 0px; position: fixed; width: 100%; display: block; z-index: 20; background: rgba(255,255,255, 0.8); }
.mobile-menu-area.st { background-color: rgba(255,255,255,.85); }

.mobile-menu { width: 250px; height: 100%; top: 0; z-index: 2000; left: -250px; background: #2d2e2d; position: fixed; }
.mobile-menu.mobile-menu-open { left: 0px; }
.mobile-menu { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.sidebar-nav .sidebar-search { padding: 30px 0px; padding-right: 15px; }
.sidebar-nav .sidebar-search .form-control { background-color: rgba(255, 255, 255, 0.1); border: 0; color: #fff; }
.mobile-menu-btn { color: #fff; background-color: #e21d2c; border-color: #268938; border-radius: 0px 25px 25px 0px; }
.side-menu li { padding-top: 3px; padding-bottom: 3px; }
.sidebar-nav ul { margin: 0; padding-left: 15px; font-size: 14px; font-weight: 300; list-style: none; }
.sidebar-nav ul li a { color: #fff; font-weight: 300; display: block; }
.sidebar-nav ul li a:focus, .sidebar-nav ul li a:hover { text-decoration: none; background-color: transparent; color: #e21d2c; }
.sidebar-nav .nav-second-level li, .sidebar-nav .nav-third-level li { border-bottom: none !important; }
.sidebar-nav .nav-second-level li a { padding-left: 10px; }
.sidebar-nav .nav-third-level li a { padding-left: 10px; }
.sidebar-nav .social { margin-bottom: 0; padding: 30px 15px; text-align: center; }

.social ul li { border-bottom: 0; }
.sidebar-nav .social ul li a { width: 30px; height: 30px; padding-top: 6px; }
.sidebar-nav .social ul li a i { font-size: 12px; }
.sidebar-nav .social ul li a:hover { background-color: #fff; }
.sidebar-nav .social ul li a:hover:after {  border-top-color: #fff; }

/* MAIN MENU & TOPBAR */
.main-menu.fixed, .main-menu.st, .mobile-menu-area.st { width: 100%; position: fixed; z-index: 20; }

.main-menu.fixed, .main-menu.st { background: transparent; }

.mobile-menu-area.st, .main-menu.st { top:0; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }
.main-menu .navbar-nav .dropdown-toggle::after, .topbar .navbar-nav .dropdown-toggle::after { display: none; }

.topbar { padding: 0px 0px; background: #e8e8e8; min-height: 30px; }
.topbar .navbar-nav .nav-link, .topbar .navbar-text { color: #4d4d4d; padding: 10px 0px 10px 40px; font-size: 80% }
.topbar .navbar-text:first-child { padding-left: 0 !important; }
.topbar .navbar-nav.langs { margin-left: 60px; }
.topbar .navbar-nav.langs .nav-link { padding-left: 0px; }

.topbar .navbar-nav .nav-link:hover, .topbar .navbar-nav .nav-link.selected { color: #e21d2c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.topbar ul.dropdown-menu { font-size: 14px; }
.topbar-info { margin-left: 10px; padding-left: 10px;  }
.topbar-info:first-child { margin-left: 0; padding-left: 0; }

.main-menu { padding: 20px 0px;; background-color: #fff; }
.main-menu .mm-bg { border-top:2px dashed rgba(255, 127, 26, 0.3); border-bottom:2px dashed rgba(255, 127, 26, 0.3);  background-color: rgba(239, 127, 26, 0.1);  }

.main-menu .logo-white, .main-menu.fixed .logo-black, .main-menu.st.fixed .logo-white { display: none; }
.main-menu .logo-black, .main-menu.fixed .logo-white, .main-menu.st.fixed .logo-black { display: inline; }

.main-menu.st .mm-bg {  border-top:2px dashed rgba(255, 127, 26, 0.3); border-bottom:2px dashed rgba(255, 127, 26, 0.3); background: #fff;  }
.main-menu.st { padding: 5px 0px;  background-color: rgba(255,255,255, .95); margin-top: 0px; }

.main-menu ul.dropdown-menu { margin-top: 0 !important; font-size: 14px; }

.main-menu .navbar-nav .nav-link { font-size: 14px; color: #4d4d4d; padding:15px 10px; position: relative; font-weight: 500;  }
.main-menu.st .navbar-nav .nav-link { background-color: transparent; padding: 15px 10px; }
.main-menu.fixed .navbar-nav .nav-link { color: #f8f8f8;  }
.main-menu.st.fixed .navbar-nav .nav-link { color: #4d4d4d;  }
.main-menu.fixed .navbar-nav .nav-link:hover, .main-menu.fixed .navbar-nav .nav-link.selected { color: #e21d2c;}

.main-menu .navbar-nav .dropdown-submenu, .topbar .navbar-nav .dropdown-submenu { position: relative; }

.main-menu .nav-link:hover, .main-menu .nav-link.selected { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #e21d2c; font-weight: 500; }
.main-menu.st .nav-link:hover, .main-menu.st .nav-link.selected { color: #e21d2c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; }

.main-menu .dropdown-submenu > .dropdown-menu, .topbar .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-left: 0; border-radius: 0.25rem; display: none; }
.main-menu .dropdown-submenu > .dropdown-menu.menu-right, .topbar .dropdown-submenu > .dropdown-menu.menu-right { left: auto; right: 100%; }
.main-menu .dropdown-menu .divider { background-color: rgba(120, 130, 140, 0.13); height: 1px; margin: 9px 0; overflow: hidden; }
.main-menu .navbar-nav .dropdown-menu.b-none { border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }

.main-menu .dropdown-submenu .dropdown-item > .ml-auto { position: absolute; right: 15px; top: 10px; }
.topbar .dropdown-submenu .dropdown-item > .ml-auto { position: absolute; right: 15px; top: 10px; }

.dropdown-item { padding: 8px 1rem; color: #8d97ad; }

.navbar-brand.brand-centered { z-index: 20; position: absolute; left: 0; right: 0; top: -31px; margin: 0 auto; width: 240px; text-align: center; background: #ffffff; padding: 30px 5px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); }
.main-menu.st .navbar-brand.brand-centered { top: 0; padding: 10px 5px; }

.submenu .nav-link:hover, .submenu .nav-link.selected { color: #e21d2c; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.submenu .nav-link { text-transform: uppercase; font-size: 80%; color: #acacac; padding:8px 0px 8px 30px;  }

.main-menu .navbar-nav.langs { margin-left: 30px; padding-left: 10px; border-left: 1px solid #dedede; -webkit-flex-direction: column;  flex-direction: column; }
.main-menu .navbar-nav.langs .nav-link { padding: 0px; font-weight: 400;  }

/* PAGE */
.banner-innerpage { padding: 150px 0 150px; background-position: center top; }
.title-big, .hs-title { font-weight: 600; font-size: 40px; line-height: 40px; }

.hs-subtitle .img-thumbnail { border-radius: 50%; }

.bg-top-page {
    background-position: center; background-size: cover; min-height: 350px;
    background-image: url(../images/bg-top.jpg);
}

/* WYSIWYG */
.wysiwyg img {  margin-bottom: 20px; }
.wysiwyg h2 { padding: 30px 0px; }
.wysiwyg li { margin-bottom: 15px; }
.wysiwyg p { line-height: 1.6; padding-bottom: 1rem; }
.wysiwyg p:last-child { padding-bottom: 0; margin-bottom: 0; }

.img-border { position: absolute; border: 2px solid #fff; top: 20px; left: 20px; bottom: 20px; right: 20px; }
.half-left { position: absolute; left: 10px; top: 10px; bottom: 10px; right: 50%; background-color: rgba(104,167,204, 0.7); }
.half-left.full {  left: 0; top: 0; bottom: 0; }
.half-left.to-bottom { bottom: 0; }


blockquote {
  background: #f9f9f9;
  border-left: 5px solid #a7e5ff;
  margin: 1.5em 10px;
  padding: 2em 30px;
  quotes: "\201C""\201C""\201C""\201C""\201C""\201C""\201C""\201C";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


/* FOOTER */
.footer .bottom-bar { padding-top: 5px; margin-top: 15px; border-bottom: 2px solid #e21d2c; }
.footer .bottom-bar a { color: #fff; }
.footer .bottom-bar a:hover, .footer .bottom-bar a.selected { color: #e21d2c; }

.footer .round-social.light a { width: 34px; height: 34px; line-height: 34px; }
.footer .round-social.light a:hover { background: #e21d2c; }

/* FOOTER MENU */

.nav.footer-menu { display: block; list-style: none; }
.nav.footer-menu a { color: #fff; text-transform: uppercase; font-size: 16px; padding-bottom: 5px; display: inline-block; cursor: pointer; }
.nav.footer-menu a:hover { color: #e21d2c; }
.nav.footer-menu .nav-second-level a { font-size: 13px; text-transform: none; font-weight: normal;  }
.nav.footer-menu ul { list-style: none; padding: 0; }


/* Social */
.social { padding: 0; text-align: center; }
.social ul { margin: 0; padding: 0; }
.social ul li { list-style: none outside none; display: inline-block; margin: 5px; }

.social ul li a {
    display: inline-block; position: relative; width: 60px; height: 60px; color: #FFE; background-color: #909AA0; font-size: 12px; text-align: center; padding-top: 14px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }

.social ul li a:hover { opacity: 0.6; }

.social ul li a::after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: 1px; left: -6px; margin-bottom: 1px; border-top-width: 15px; border-top-style: solid;
    -webkit-transform: rotate(55deg); -moz-transform: rotate(52deg); -ms-transform: rotate(42deg); -o-transform: rotate(42deg);
}

.social ul li a.social_fb { background-color: #3b5998; }
.social ul li a.social_fb::after { border-top-color: #3b5998; }

.social ul li a.social_tw { background-color: #00ABE3; }
.social ul li a.social_tw::after { border-top-color: #00ABE3; }

.social ul li a.social_go { background-color: #e64522; }
.social ul li a.social_go::after { border-top-color: #e64522; }

.social ul li a.social_yo { background-color: #c4302b; }
.social ul li a.social_yo::after { border-top-color: #c4302b; }

.social ul li a.social_vi { background-color: #4EBBFF; }
.social ul li a.social_vi::after { border-top-color: #4EBBFF; }

.social ul li a.social_pi { background-color: #c4302b; }
.social ul li a.social_pi::after { border-top-color: #c4302b; }

.social ul li a.social_in { background-color: #A042D6; }
.social ul li a.social_in::after { border-top-color: #A042D6; }

.social ul li a.social_li { background-color: #3E50B7; }
.social ul li a.social_li::after { border-top-color: #3E50B7; }

.social ul li a i { font-size: 20px; }
.social a span { display: block; }

.family-0 { font-family: 'Rubik', sans-serif; }
.family-1 { font-family: 'Rubik', cursive; }

/* HOME SECTION */
.hs { padding: 80px 0; }
.bg-dark .subtitle { color: #ccc; }
.bg-dark-2 .subtitle { color: #ccc; }
.bg-dark-2 { color: #fff; }

.triangles { position: relative; }
.triangles:before { content: ''; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 100px solid #e21d2c; position: absolute; bottom:0; right: 100px; }
.triangles:after { content: ''; width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent; border-bottom: 70px solid #a7e5ff; position: absolute; bottom:0; right: 200px; }


/* BREADCRUMBS */
.breadcrumb { margin-bottom: 10px; padding: 0; background: transparent; }
.breadcrumb-item a { color: #fff; }

/* PRELOADER */
#page-preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #f8f9fa; z-index: 100500; }
#page-preloader .spinner { position: absolute; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border: 3px solid transparent; border-top-color: #5c5c5c; border-radius: 50%; z-index: 1001; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; }
#page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; border-radius: 50%; content: ''; }
#page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; border: 3px solid transparent; border-top-color: #e21d2c; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
#page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; border: 3px solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

/* COOKIES CONSENSE */
.cookies-consent { color: #fff; padding: 15px 0px; background-color:#b3291c; z-index: 5900001; position: fixed; width: 100%; bottom: 0; left: 0;  }
.cookies-consent a.link { color: #fff; text-decoration: underline; }
.cookies-consent a.link:hover { color: #222; }


.whatsappFixed {
    position: fixed;
    bottom: 0;
    /* transform: translateY(-50%); */
    z-index: 99;
    background: rgba(29, 177, 84, 0.96);
    right: 20px;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.whatsappFixed a {
    padding: 9px 11px;
    color: #fff;
    font-size: 41px;
}

/* IMG BOX */
.text-opener {
    padding: 10px; position: absolute; bottom: 0; left: 0; background-color: #e21d2c;
}
.text-opener h6 { padding: 0; margin: 0; font-weight: 400; color: #fff; letter-spacing: 3px; }
.text-opener h6 a { color: #fff; }

/* SPECIFIC */
.overlay-home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(104,167,204, 0.7); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.overlay-border { pointer-events: none; position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border: 2px solid #FFF; z-index: 10; }
.center { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); }

.bg-semi-blue { background-color: rgba(104,167,204, 0.7); }
.info-bottom { width: 50%; padding-left: 10px; }

.dt-box:hover > .overlay-home  { top:20px; left: 20px; bottom: 20px; right: 20px; }

.model1 .card-body { position: relative; }

/* END SPECIFIC */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 992px) {
  .hover-dropdown .navbar-nav > .dropdown:hover > .dropdown-menu { display: block; margin-top: 0px; }
  .navbar-nav > .dropdown .dropdown-menu { min-width: 210px; margin-top: 0px; }
  .dropdown-submenu:hover > .dropdown-menu { display: block; }

    /* BOX MODEL 1 */
    .model1 .col-lg-4:nth-child(1) { position: relative; transform: translateY(60px); }
    .model1 .col-lg-4:nth-child(2) { position: relative; transform: translateY(30px); }
    .model1 .card-body { max-width: 90%; transform: translateY(-30px); }
    .model1 .card-body:after { content: ""; display: block; position: absolute; width: 30px; height: 2px; background-color: #e21d2c; z-index: 1; top: 45px; left: -15px; }
    .container.main { transform: translateY(-120px); }

    .model2 .card-body:after { content: ""; display: block; position: absolute; width: 50px; height: 2px; background-color: #e21d2c; z-index: 1; top: 28px; left: -40px; }
    .model2 .col-lg-3:nth-child(1) { position: relative; transform: translateY(30px); }
    .model2 .col-lg-3:nth-child(2) { position: relative; transform: translateY(15px); }
    .model2 .col-lg-3:nth-child(4) { position: relative; transform: translateY(15px); }


}

@media (max-width: 767px) {
    .slide-blue-overlay { position: absolute; bottom: 80px; right: 0; width: 60%; height: 100px; background-color: #e21d2c; }
    .slide-blue-overlay:before { content: ''; width: 0; height: 0; border-left: 100px solid transparent; border-right: 0px solid transparent; border-bottom: 100px solid #e21d2c; position: relative; top: -20px; left: -100px; }

    .slide-white-overlay { position: absolute; bottom: 80px; right: 0; width: 60%; height: 100px; background-color: #fff; }
    .slide-white-overlay:before { content: ''; width: 0; height: 0; border-left: 100px solid transparent; border-right: 0px solid transparent; border-bottom: 100px solid #fff; position: relative; top: -20px; left: -100px; }

    .column-count-2 { column-count: 1; }

    .translate-top { top: 0; }
    /* .sp-layer { display: none; } */
    .sp-layer.main-slider-title { font-size: 2.2em; }
    .main-slider-title div { white-space: normal; text-align: center; }
    .sp-layer .info-title { font-size: 1.15em; }
    .container { width: 100%; overflow: hidden; }
    .banner-innerpage { padding: 80px 0 50px; }
    .dt-full-box .bg-cover { min-height: 150px; }
    .dt-border .odd-border { border-right: none; border-bottom: 1px solid #ddd; }
    .dt-border .odd-border:last-child { border-bottom: none; }
}