@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');

:root {
    --c-white:#fff;
    --c-black:#000;
    --c-main:#E41F26;
    --c-sec:#224897;
    --c-third:#2F305E;
}
.logo-769{display: none;}

body{
font-weight: normal;
font-size: 15px;
background: transparent;
color: #000;
}
a{color: #000;}
a:hover{
/*  color: green;*/
-webkit-transition: all 0.2s linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: initial;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a, a.active, a:hover {outline-style: none;text-decoration: none;}
ul{list-style-type: none;padding: 0;margin: 0;}
p{margin:0;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 400;
line-height: normal;
color: #000;
word-spacing: 0px;
margin: 0;
padding: 0;
}
.left100 {float: left;width: 100%;}
.left-auto {float: left;width: 100%;}
.display100{display: inline-block;width: 100%;}
.display-auto{display: inline-block;width: auto;}
.display-bck{display: block;}
.display-ibck{display: inline-block;}
.marg00{margin-right: 0;margin-left: 0;}
.marg9{margin-top: 9px;margin-bottom: 9px;}
.tmarg9{margin-top: 9px;}
.bmarg9{margin-bottom: 9px;}
.marg15{margin-top: 15px;margin-bottom: 15px;}
.tmarg15{margin-top: 15px;}
.bmarg15{margin-bottom: 15px;}
.marg20{margin-top: 20px;margin-bottom: 20px;}
.tmarg20{margin-top: 20px;}
.bmarg20{margin-bottom: 20px;}
.marg30{margin-top: 30px;margin-bottom: 30px;}
.tmarg30{margin-top: 30px;}
.bmarg30{margin-bottom: 30px;}
.marg40{margin-top: 40px;margin-bottom: 40px;}
.tmarg40{margin-top: 40px;}
.bmarg40{margin-bottom: 40px;}
.pad00{padding-left: 0; padding-right: 0;}
.pad15 {padding-top: 15px;padding-bottom: 15px;}
.pad20 {padding-top:20px;padding-bottom:20px;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.pad40{padding-top: 40px;padding-bottom: 40px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.p-oriz-5{padding-left: 5px;padding-right: 5px;}
.col100 {width: 100%;}
.col-auto {width: auto;}
.t-right {text-align: right;}
.t-left {text-align: left;}
.t-bold{font-weight: bold;}
.img_crispy{image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;}
.flex{
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex_ai_c{align-items: center;}
.flex_jc_sb{justify-content: space-between;}
.flex_jc_fe{justify-content: flex-end;}
.flex_jc_c{justify-content: center;}
.relative{position: relative;}


h1{
font-size: 45px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
width: auto;
display: inline-block;
padding: 0 25px;
}
h1:after {
content: "";
display: block;
float: right;
background: -webkit-linear-gradient(to right, #fff 0%, #E41F26 50%, #fff 100%);
background: linear-gradient(to right, #fff 0%, #E41F26 50%, #fff 100%);
position: relative;
top: 9px;
/*right: -25px;*/
width:100%;
height: 3px;
}
/*h1:before {
content: url("../images/before.webp");
}*/
/*h1:before {
content: url("../images/after.webp");
padding: 20px;
display: block;
max-width: 100%;
height: auto;
position: absolute;
z-index: 1;
top: -10px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}*/
.header {
background: var(--c-main);
border-bottom: 2px solid #000;
/*border-bottom:4px solid transparent;
border-image: linear-gradient(to right, var(--c-sec), var(--c-third), var(--c-main), var(--c-sec), var(--c-third));
border-image-slice: 1;*/
}
.thefooter {
background-color: #33414D;
color: #fff;
}
.package-btn {text-align: center;}
.vs-btn {
background-color: var(--c-main);
color: #fff;
line-height: 1;
text-transform: uppercase;
display: inline-block;
padding: 17px 28px;
border: none;
position: relative;
z-index: 1;
text-align: center;
}
.vs-btn:after,
.vs-btn:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background-color: var(--c-main);
z-index: -1;
width: 53%;
height: 0;
transition: all ease .4s;
opacity: 0;
visibility: hidden;
}
.vs-btn:after {
right: 0;
top: 0;
left: auto;
bottom: auto;
}
.vs-btn:hover {
color: #fff;
}
.vs-btn:hover:before,
.vs-btn:hover:after {
height: 100%;
opacity: 1;
visibility: visible;
}
.vs-btn.style3 {
margin: 7px 0;
padding: 15px;
background-color: var(--c-sec);
line-height: 19px;
}
.vs-btn.style3:before,
.vs-btn.style3:after {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
opacity: 1;
visibility: visible;
transition: all ease .4s;
background-color: rgba(0, 0, 0, 0);
}
.vs-btn.style3:before {
transform: scaleY(1.3) scaleX(0.81);
border: 1px solid rgba(19, 43, 51, .25);
z-index: -2;
}
.vs-btn.style3:after {
transform: scale(1);
z-index: -1;
background-color: var(--c-main);
opacity: 1;
visibility: visible
}
.vs-btn.style3:hover {
color: #fff;
}
.vs-btn.style3:hover::before {
border-color: var(--c-sec);
transform: scaleY(1) scaleX(1)
}
.vs-btn.style3:hover::after {
opacity: 0;
visibility: hidden;
transform: scaleY(0.3) scaleX(0.58)
}
@media (max-width: 576px) {
    .vs-btn {padding: 12px 15px;}
}
.main_cont {
margin-left: 0;
margin-right: 0;
}
.fixed {
height: 500px;
object-fit: cover;
}
.login_cc {border-right: 1px solid var(--c-sec);}
.login_ar {border-left: 1px solid var(--c-third);}
.pad0 {
padding-left: 0;
padding-right: 0;
}
.img_log {
border-radius: 0 50px 50px 0;
}
.img_log_2{
border-radius: 50px 0 0 50px;
}
.lnk_wrap {
padding: 30px;
flex-direction:column;
}
.lnk_wrap h2 {
font-weight: 700;
color: var(--c-sec);
font-size:25px;
line-height: 28px;
text-align: center;
}
.row_rep {margin-right: 0;}

@media (max-width: 1200px) {
    .login_cc, .login_ar {width: 100%;}
    .class50 {width: 50%;}
    .fixed {height: 400px;}
    .login_cc {border-right: 0 solid var(--c-sec); border-bottom: 1px solid #000; padding-bottom: 15px;}
    .login_ar {border-left: 0 solid var(--c-third);}
}   /*end 992*/

@media (max-width: 992px) {
    .fixed {height: 400px;}
    .login_cc {border-right: 0 solid var(--c-sec); border-bottom: 1px solid #000; padding-bottom: 15px;}
    .login_ar {border-left: 0 solid var(--c-third);}
}   /*end 992*/
@media (max-width: 768px) {
    h1 {font-size: 25px;}
}
@media (max-width: 576px) {
    .class50 {width:100%;}
    .fixed {height:200px;}
    .lnk_wrap {padding:9px 25px;}
    .imgxs {padding: 0 32%;}
    .login_cc {margin-bottom: 0;}
    .xsright {text-align: right;}
    h1 {font-size:20px;}
}   /*end 576*/