html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
overflow-x:hidden;
padding: 0;
margin: 0;
}
* {
margin:0;
padding:0;
box-sizing:border-box;
}
body {
background-color: #fff;
color: #1f1e1e;
margin: 0;
padding: 0;
font-family: Montserrat, sans-serif;
overflow-x:hidden;
}
a {
font-size: 13pt;
color: initial;
}
a:hover {
color: #c1272d !important;
transition: .5s;
}
.header {
background-color: transparent;
position: absolute;
width: 100%;
z-index: 30;
height: 76px !important;
}
.header a {
color: white;
}
.header-moved-up {
height: 76px !important;
}
.js-header-fix-moment {
position: fixed;
margin-top: 0;
background-color: white;
box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 10%);
position: fixed;
width: 100%;
z-index: 61;
top:0;
}
.js-header-fix-moment a {
color:initial;
font-weight: 500;
}
}
.logo {
display: block;
margin-left: 47px;
}
.logo img {
width: 200px;
margin-top: 10px;
}
.logo a {
display: block;
float: left;
font-size: 48pt;
font-weight: 800;
color: #2e2e2e;
text-decoration: none;
padding: 0;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: visible;
background-color: transparent;
}
.header li a {
display: block;
padding: 20px 20px;
text-decoration: none;
}
.header .menu {
clear: both;
max-height: 0;
transition: max-height 0.2s ease-in-out;
}
@media (min-width: 1000px) {
.header li {
float: left;
}
.header li a {
padding: 27px 36px 0 0;
}
.header .menu {
clear: none;
float: right;
max-height: none;
margin-right: 37px;
}
}
@media screen and (max-width: 1291px) {
.logo img {
width: 120px;
margin-top: 0px;
position: relative;
top: -10px;
}
.js-header-fix-moment a {
color:white !important;
font-weight: 500;
}
.menu {
margin: auto;
list-style: none;
}
.menu li a {
margin: auto;
font-size: 29pt;
text-decoration: none;
text-align: center;
transition: 0.5s;
font-weight: 700;
color: #fff;
text-align: left;
}
.menu li a:hover {
color: #fff;
cursor: default;
transition-delay: 2ms;
}
.togg-posi {
display: flex;
justify-content: flex-end;
transition: 1s;
}
.toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
transition: 0.1s;
margin-right: 63px;
}
.toggle-2 {
background-color: #fff;
border-radius: 100%;
box-shadow: 0 0 0 rgb(0 0 0 / 20%);
transition: 0.1s;
z-index: 30;
width: 70px;
height: 70px;
margin-top: 5px;
}
.lines {
position: relative;
margin-top: 5px;
height: 6px;
width: 35px;
background-color: #2e2e2e;
border-radius: 25px;
top: 0;
transition: 0.35s;
transition-timing-function: ease-out;
}
.lines:first-child {
margin-top: 0;
}
.ger-up {
top: -11px;
transform: rotate(-135deg);
}
.overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #252525;
z-index: -1;
transition: 0.75s;
visibility: hidden;
}
.overlay-content {
position: relative;
top: 16%;
margin-top: 30px;
}
}
@media screen and (max-width:1291px) {
.menu {
margin: auto;
list-style: none;
}
.menu  li a {
margin: auto;
font-size: 19pt;
line-height: 1rem;
text-decoration: none;
text-align: center;
transition: .5s;
font-weight: 700;
color: white;
text-align: left;
}
.menu li a:hover {
color: white;
cursor: default;
transition-delay: 2ms;
}
.togg-posi {
display: flex;
justify-content: flex-end;
transition: 1s;
}
.toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
transition: .1s;
margin-right: 63px;
}
.toggle-2 {
background-color: white;
border-radius: 100%;
box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
transition: .1s;
z-index: 30;
width: 70px;
height: 70px;
margin-top: 5px;
}
.lines {
position: relative;
margin-top: 5px;
height: 6px;
width: 35px;
background-color: #2e2e2e;
border-radius: 25px;
top: 0px;
transition: .35s;
transition-timing-function: ease-out;
}
.lines:first-child{
margin-top: 0
}
.ham-down {
top: 11px;
transform: rotate(135deg);
}
.ger-up {
top: -11px;
transform: rotate(-135deg);
}
.bur-rotate {
transform: rotate(135deg);
}
.overlay{
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#252525;
z-index: -1;
transition: .75s;
visibility: hidden;
}
.overlay-content{
position: relative;
top: 16%;
margin-top: 30px;
}
.overlay-show {
opacity: 1;
z-index:29;
visibility: visible;
}
}
.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.text-center {
text-align: center;
}
.big-btn {
border: solid 2px #c1272d;
background: 0 0;
color: #c1272d;
padding: 11px 50px !important;
border-radius: 1px;
text-decoration: none;
font-size: 14pt;
font-weight: 500;
text-transform: uppercase;
transition: 0s;
margin-top: 13px;
transition: 0.5s;
}
.big-btn:hover {
background-color: transparent;
border: solid 2px white;
color: #c1272d !important;
transition-delay: 5ms;
-webkit-box-shadow: -1px 10px 22px -6px rgb(0 0 0 / 26%);
-moz-box-shadow: -1px 10px 22px -6px rgba(0, 0, 0, 0.26);
box-shadow: -1px 10px 22px -6px rgb(0 0 0 / 26%);
}
@media screen and (max-width: 769px) {
.toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.1s;
margin-right: 0 !important;
}
}
@media screen and (max-width: 1291px) {
.logo {
margin-left: 0 !important;
}
.logo a {
display: block;
float: left;
padding: 0 20px 0 20px;
font-size: 48pt;
font-weight: 800;
color: #2e2e2e;
text-decoration: none;
}
p {
font-size: 13pt;
font-weight: 700;
line-height: 13pt;
}
.big-btn {
background-color: transparent;
border: solid 2px #c1272d;
padding: 15px 50px !important;
border-radius: 1px;
color: #fff;
text-decoration: none;
font-size: 14pt;
font-weight: 700;
text-transform: uppercase;
transition: 0s;
margin-top: 10px;
transition: 0.5s;
text-align: center !important;
margin-top: 32px !important;
}
.overlay-content {
position: relative;
top: 16%;
margin-top: 30px;
}
}
footer {
background: #2e2e2e;
text-align: center;
}
footer p {
font-size: 11pt;
color: #fff;
}
footer a {
font-size: 11pt;
text-decoration: none;
color: #fff;
}
footer a:hover {
font-size: 11pt;
text-decoration: none;
color: #c1272d;
transition: 0.5s;
}
.sct {
text-align: center;
padding-top: 10px;
}
.hideTopBtn {
opacity: 0;
}
.showTopBtn {
opacity: 1;
}
.scroll-btn {
height: 50px;
width: 50px;
color: #fff;
border-radius: 50%;
position: fixed;
right: 13px;
bottom: 23px;
background: #c1272d;
z-index: 30000;
}
.scroll-btn:hover {
height: 50px;
width: 50px;
color: #fff !important;
border-radius: 50%;
position: fixed;
right: 13px;
bottom: 23px;
background: #333;
z-index: 30000;
}
.scroll {
width: 20px;
height: 200px;
overflow: auto;
float: left;
margin: 0 10px;
}
.scroll4::-webkit-scrollbar {
width: 10px;
}
.scroll4::-webkit-scrollbar-thumb {
background: #c1272d;
border-radius: 20px;
}
.scroll4::-webkit-scrollbar-track {
background: #ddd;
border-radius: 20px;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-track {
background: #ddd; 
border:1px solid #ccc;
}
::-webkit-scrollbar-thumb {
background: grey; 
border:1px solid #eee;
height:100px;
border-radius:5px;
transition:.5s;
}
::-webkit-scrollbar-thumb:hover {
background: #696969; 
}
.ff-message-success {
padding: 30px !important;
margin-top: 10px;
position: relative;
border: 1px solid #ced4da;
box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
}
.red {
color :#c1282e;
}
a {
font-weight: bold;
}
a:hover {
color :#c1282e;
} .container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.d-flex{display:-ms-flexbox!important;display:flex!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.mr-auto{margin-right:auto!important}