@font-face {
    font-family: 'sansationbold';
    src: url('font/sansation/sansation-bold-webfont.woff2') format('woff2'),
        url('font/sansation/sansation-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansation_lightlight';
    src: url('font/sansation/sansation-light-webfont.woff2') format('woff2'),
        url('font/sansation/sansation-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationregular';
    src: url('font/sansation/sansation-regular-webfont.woff2') format('woff2'),
        url('font/sansation/sansation-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body
{
    margin:0px;
    padding:0px;
    font-family: 'Verdana, Geneva, sans-serif;';
    font-weight: normal;
    background:#f7941d;
}

img{max-width:100%;}
a
{
    transition: all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
}
a:focus{text-decoration:none;outline:none;}
a:hover
{
    transition: all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    text-decoration:none;
}
.pos_rel{position:relative;}

.navbar.navbar-expand-lg .navbar-nav .nav-link
{
    font-size:21px;
    line-height:26px;
    padding:5px 30px;
    border:1px solid transparent;
}
.navbar.navbar-expand-lg .navbar-nav .nav-link:hover
{
    outline: none;
    background:rgba(0, 0, 0 , .27);
    border-radius:100px;
    border:1px solid #666b71;

}
#mainNav.navbar.brd_btm
{
    border-bottom:1px solid #696d73;
}
.content-section.bg_light_gray
{
    background:#f7f7f7;
    padding:0px;
}
.big_logo{text-align:center;padding:49px 15px;}
.bg_white{background:#fff;}
.bg_red
{
    background-image:url(../images/red_top_bg.jpg);
    background-repeat:no-repeat;
    padding:60px 15px;
    background-size:100%;
}
.upper_txt
{
    font-size:65px;
    line-height:70px;
    color:#fff;
    font-family: 'Verdana, Geneva, sans-serif';
    text-align:center;
    text-transform:uppercase;
    margin:17px 0 0 0;
}
.lower_txt
{
    font-size:57px;
    line-height:65px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
}
.second_part_bg_img
{
    background:url(../images/red_second_bg.jpg);
    background-repeat:no-repeat;

}
.second_data_description
{
    font-size:19px;
    line-height:24px;
    color:#000;
    padding:0 15px 20px 15px;
}
.pd_all_0{padding:0px;}
.second_data_description .content{height:578px;}
.log_data_abs
{
    position: absolute;
    width: 550px;
    left: 0px;
    background: #000;
    padding: 20px 35px;
    top: 22%;
    right: 0;
    margin: auto;
    border-radius: 15px;
}
.log_tit
{
    font-size:40px;
    line-height:45px;
    color:#fff;
    float:left;
}
.log_cross_tit
{
    float:right;
    text-align:right;
    font-size:20px;
    color:#fff;
}
.log_cross_tit a, .log_cross_tit a:hover{color:#fff;}
.log_input input
{
    width:100%;
    padding:7px;
    font-size:18px;
    line-height:22px;
    color:#000;
    border-radius:5px;
    border:1px solid #f5f1e9;
    background:#f5f1e9;

}
.log_input_btn input
{
    width:100%;
    padding:7px;
    font-size:18px;
    line-height:22px;
    color:#f5f1e9;
    border-radius:5px;
    border:1px solid #f5f1e9;
    background:#000;
    cursor:pointer;
}
.log_input_btn input:hover
{
    color:#f00;

}
.chk_inp
{
    font-size:18px;
    color:#f5f1e9;
    margin:0 0 0px 0
}
.chk_inp input{margin:0 5px 0 0;}
.chk_inp label{margin:0px;}
.link_data_txt a
{
    font-size:18px;
    line-height:22px;
    color:#f5f1e9;
}
.link_data_txt a:hover{color:#f5f1e9;}
.login_logo{text-align:center;margin-bottom:5px;}




.spacer10{height:10px;clear:both;}
.spacer15{height:15px;clear:both;}
.col-50
{
    float:left;
    width:50%;
}
.footer_red_bg
{
    background:#db2930;
    padding:40px 100px 40px 0;
    text-align:right;
}
.footer_small_txt
{
    font-size:70px;
    line-height:75px;
    color:#fff;
    font-family: 'Verdana, Geneva, sans-serif;';
    text-transform:uppercase;
    margin-bottom:20px;
}
.footer_small_txt span
{
    font-family: 'Verdana, Geneva, sans-serif;';
}
.footer_big_txt
{
    font-size:104px;
    line-height:90px;
    color:#fff;
    font-family: 'Verdana, Geneva, sans-serif;';
    text-transform:uppercase;
}
.footer_right_part
{
    padding:40px 0 0px 100px;
}
.footer_logo{padding:51px 0;}

.contact_txt
{
    font-size:27px;
    line-height:32px;
    color:#fff;
    font-family: 'Verdana, Geneva, sans-serif;';
    margin-bottom:25px;
}
.icon_txt
{
    width:47px;
    float:left;
}
.icon_txt_data
{
    width:calc(100% - 50px);
    float:left;
    font-size:20px;
    line-height:25px;
    color:#ffffff;
}
.mgb20{margin-bottom:20px;}
.conatct_btn a
{
    font-size:20px;
    line-height:25px;
    color:#fff;
    padding:15px 35px;
    text-align:center;
    text-transform:uppercase;
    background:#323538;
    display:inline-block;
    margin-top:25px;
}
.conatct_btn a:hover{color:#f00;}
a.backtotop
{
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}
.backtotop img{max-width:70%;}

.mx-auto h1
{
    text-transform:inherit;
    font-family: 'Verdana, Geneva, sans-serif;';
}
.login_red_bg
{
    text-align:center;
    background:#db2930;
    padding:50px 70px;
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: center;
}
.pos_ab_conatct
{
    position:absolute;
    top:131px;
    width:100%;
}
.login_red_bg a
{
    display:block;
    border:1px solid #ec666f;
    border-radius:100px;
    padding:15px 0;
    text-align:center;
    color:#fff;
    font-size:25px;
    font-family: 'Verdana, Geneva, sans-serif;';
    width:  100%;
}
.login_bg img{
    min-height: 800px;
    object-fit: cover;
}
.customer_portal_img{box-shadow:0 0 7px #bbb;
-moz-box-shadow:0 0 7px #bbb;
-webkit-box-shadow:0 0 7px #bbb;
-o-box-shadow:0 0 7px #bbb;
-ms-box-shadow:0 0 7px #bbb;
}
.seconddiv{font-size: 16px;margin-bottom:0px;display: inline-block;}
.seconddiv+.seconddiv{margin-left:20px;}
.bottomdiv{position: absolute;
    bottom:0;}
.flex-div{display:flex!important;flex-wrap:wrap;}

    .col-50
   {position: relative;}
.login_red_bg a:hover, .login_red_bg a:focus{color:#000;border:1px solid #000;}
@media only screen and (min-width:1600px) and (max-width:1920px)
{
    .log_data_abs{top:32%;}
    .login_red_bg{padding:70px 70px;}
    .pos_ab_conatct{top:212px;}
    
}

@media only screen and (min-width:768px) and (max-width:979px){

}


@media only screen and (min-width:1024px) and (max-width:1100px)
{
    .upper_txt{font-size:53px;line-height:57px;}
    .lower_txt{font-size:47px;line-height:53px;}
    .big_logo{padding:40px 15px;}
    .bg_red{padding:57px 15px;}
    .second_data_description .content{height:478px;}
    .log_data_abs{top:15%;}
    .footer_small_txt{font-size:60px;line-height:65px;}
    .footer_big_txt	{font-size:87px;line-height:92px;}
    .footer_red_bg{padding:40px 40px 40px 0;}
    .footer_right_part {padding:40px 0px 40px 40px;}
    .footer_logo{padding:0 0 42px 0;}



    .pos_ab_conatct{top:101px;}
    .login_red_bg{padding:20px 70px;}
    .login_red_bg a{padding:8px 0;}
}

@media only screen and (min-width:980px) and (max-width:1200px){

    .pos_ab_conatct {top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .customer_portal_img{width: 50%;}
    .login_red_bg a {padding: 15px 20px;font-size: 20px;}
    .login_red_bg {padding: 50px 25px;}
}

@media only screen and (max-width:992px)
{

}
@media only screen and (min-width:768px) and (max-width:979px)
{
    .big_logo{padding:33px 15px;}
    .bg_red{padding:25px 15px;}
    .upper_txt{font-size:40px;line-height:57px;}
    .lower_txt{font-size:34px;line-height:40px;}
    .second_data_description .content{height:357px;}
    .log_data_abs{width: 475px;top:4%;}
    .footer_red_bg{padding:40px 15px 40px 0;}
    .footer_small_txt{font-size:50px;line-height:56px;}
    .footer_big_txt{font-size:72px;line-height:78px;}
    .footer_right_part{padding:40px 0px 0px 15px;}
    .footer_logo{padding:0 0 30px 0;text-align:center;}
    .footer_logo img{max-width:65%;}
    .icon_txt_data br{display:none;}
    .conatct_btn a{margin:0px;}
    .seconddiv{font-size: 14px;}

    ul.navbar-nav.ml-auto.top_nav
    {
        border-top: 1px solid #555;
        padding: 10px 0;
        margin: 10px 0;
    }
    #mainNav a{text-align:center;}

    .navbar.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar.navbar-expand-lg .navbar-nav .nav-link.active
    {
        background:rgba(255, 255, 255, 0.27);
        border-radius: 100px;
        border: 1px solid #666b71;
    }
    .pos_ab_conatct {top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .login_red_bg{padding:20px 20px;}
    .login_red_bg a{padding:8px 0;font-size:18px;line-height:24px;}

    .customer_portal_img{width: 50%;}

}
@media only screen and (max-width:767px)
{
    .big_logo{padding:30px 15px;text-align:center;}
    .big_logo img{max-width:160px;}
    .bg_red{background-size:cover;padding:30px 15px;}
    .upper_txt{font-size:35px;line-height:40px;}
    .lower_txt{font-size:29px;line-height:40px;}
    .second_data_description{padding:15px 20px 15px 0px;}
    .second_data_description .content{height:400px;}
    .log_data_abs{width:90%;}
    .login_bg{display:none;}
    .mob_bg_white{background:#dfdfdf;padding:25px 15px;}
    .log_data_abs{position:inherit;}
    .login_logo{margin:15px 0 0 0;}

    .second_part_bg_img{background:none;}
    .col-50{width:100%;}
    .backtotop{display:none !important;}
    .footer_red_bg, .footer_right_part{padding:25px 15px;text-align:center;}
    .footer_small_txt{font-size:35px;line-height:40px;text-align:center;}
    .footer_big_txt{font-size:51px;line-height:56px;text-align:center;}
    .footer_logo{padding:0 0 20px 0;text-align:center;}
    .footer_logo img{max-width:160px;}
    .conatct_btn a{padding:15px 20px;font-size:18px;}
    a.main_logo img{max-width:110px;}

    ul.navbar-nav.ml-auto.top_nav
    {
        border-top: 1px solid #555;
        padding: 10px 0;
        margin: 10px 0;
    }
    #mainNav a{text-align:center;}

    .navbar.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar.navbar-expand-lg .navbar-nav .nav-link.active
    {
        background:rgba(255, 255, 255, 0.27);
        border-radius: 100px;
        border: 1px solid #666b71;
    }
    .icon_txt{display:inline-block;vertical-align:top;float:none;}
    .icon_txt_data{display:inline-block;vertical-align:top;float:none;width:150px;}

    .pos_ab_conatct{position:inherit;top:0px;left: 0;right: 0; }
    .login_red_bg{padding:30px 15px; width: 100%!important;}
    .login_red_bg a{font-size:18px;line-height:24px;}
    .customer_portal_img{margin-bottom:15px;}
    .bottomdiv{position: inherit;margin-top:5px;}
    

}
@media only screen and (min-width:700px) and (max-width:736px)
{

}
@media only screen and (max-width:667px)
{

}
@media only screen and (min-width:650px) and (max-width:667px)
{

}
@media only screen and (max-width:640px)
{

}
@media only screen and (min-width:600px) and (max-width:640px)
{

}
@media only screen and (min-width:568px) and (max-width:600px)
{

}

@media only screen and (max-width:480px)
{

}

@media only screen and (min-width:450px) and (max-width:480px)
{

}

@media only screen and (max-width:414px)
{

}
@media only screen and (min-width:414px) and (max-width:470px)
{

}
@media only screen and (min-width:375px) and (max-width:400px)
{


}
@media only screen and (min-width:360px) and (max-width:370px)
{

}
@media only screen and (max-width:320px)
{

}