body.avantigas {
	color:#fff;
}

.commingsoon{
    margin-top:150px;
}
.sidebar-right .block-title::before,button, .button, .sidebar-right .block-title::after, #wp-calendar tfoot tr td
{
    background:none !important;
}

.notificationsButton {
    background: none repeat scroll 0 0 #019875 !important;
    width: auto !important;
    margin: 4px 10px !important;
    padding: 16px 20px !important;
}

.inputWithHelper span.helper {
    background-color: #f89828;
}

span.helper {
    background-color: #f89828;
}

.signupFieldsContainers { display: none; }

.signupFieldsContainers input {
    padding: 14px 5px !important;
    border: 3px solid #ed6f00  !important;
    -webkit-box-shadow: 0px 7px 12px -2px rgba(56,56,56,1)  !important;
    -moz-box-shadow: 0px 7px 12px -2px rgba(56,56,56,1)  !important;
    box-shadow: 0px 7px 12px -2px rgba(56,56,56,1)  !important;
}

#cookienotice-main {
    height:70px;
    width:100%;
    background: #8f9092;

}

#contractGoback{

    background-color:red; !important;
}

#commencement a{
    color: #000000 !important;
}


#Cancellation a{
    color: #000000 !important;
}

#divContractNext {
    margin-top: 0px;
    top: 8%;
}

#myofferdisplaybar{
    background-color: #F89728 !important;
}



#finalConfirm {
    margin-top: -15px
}

.cc_container a, .cc_container a:visited {
    color: #F89728 !important;

}

.cc_container .cc_btn, .cc_container .cc_btn:visited{
    background-color:#F89728 !important;
    color:white !important;
}
.cc_container {
    background-color: rgba(0, 0, 0, 0.4) !important;
    color:white !important;
    /*
    background-color: black !important;
    color:white !important;
    opacity: 0.2;
    filter: alpha(opacity=20); */
}

#cookienotice-main.top {

    position:relative;
    top:0px;
    left:0px;
    z-index:20;
}

#cookienotice-block {
    width: 950px;
    height:70px;
    margin:0px auto;
}



#cookienotice-main.bottom {
    position:fixed;
    bottom:0px;
    left:0px;
}

#cookienotice-block .cookienotice-title {

    width: 200px;
    float:left;
    background: url("https://www.avantigas.com/CookieNotice/styles/images/title.jpg") no-repeat;
    height:70px;
}

#cookienotice-block p {
    width: 500px;
    margin: 10px 20px;
    float:left;
    font-family: Helvetica, Arial;
    color: #FFF;
    font-size:8pt;
    line-height:150%;

}
#cookienotice-block .rightcol {
    width: 90px;
    float:right;
    text-align:center;
}

#cookienotice-main .cookienotice-button {
    cursor:pointer;
    height:30px;
    margin:12px auto -2px;
    width:85px;

    background: url("https://www.avantigas.com/CookieNotice/styles/images/continue.jpg") no-repeat;
}

#cookienotice-main a {
    color: #fcd000;
    text-decoration: none;


}

#cookienotice-main a.more {
    color: #555;
    text-decoration:none;
    font-family: Helvetica, Arial;
    font-size:9pt;

}



input[placeholder], [placeholder], *[placeholder] {
    color: #313131 !important;
}
.errorFieldClass, input.errorFieldClass[placeholder] {
    color: #d01c1c !important;
    border-color: #d01c1c !important;
}

.page-title .large-8 h2{
    font-weight: 500 !important;
    color: black !important;

}
/*
.fa-power-off{
	visibility:hidden;
}*/
.page-title {

    background:white !important;
}
#breadcrumbs{
    visibility:hidden;
    display: none;
}
.large-4 .logout{
    visibility:hidden;
    display: none;
}

.footeravanti .footSocial {
    float: right;
    height: auto;
    min-height: 60px;
    padding: 0;
    width: 250px;
}
.footeravanti  .footSocial p {
    color: #f89829;
    float: left;
    line-height: 30px;
}
.footeravanti  .footSocial .twitter {
    margin: 0 0 0 16px;
    padding: 0;
    width: 25px;
    height: 25px;
}
.footeravanti  .footSocial .twitter a {
    width: 25px;
    height: 25px;
}
.footeravanti  .footSocial .twitter a:hover {
    background-position: 0 -41px;
}
.footeravanti  .footSocial .linked {
    margin: 0 0 0 16px;
    padding: 0;
    width: 25px;
    height: 25px;
}
.footeravanti  .footSocial .linked a {
    width: 25px;
    height: 25px;
}
.footeravanti  .footSocial .linked a:hover {
    background-position: -92px -41px;
}
.footeravanti .footSocial .facebook {
    margin: 0 0 0 0px;
    padding: 0;
    width: 25px;
    height: 25px;
}
.footeravanti .footSocial .facebook a {
    height: 25px;
    width: 25px;
}

.footeravanti  .footSocial .facebook a:hover {
    background-position: -46px -41px;
}

#d_loginLeft{
    background-color:#89B840;
    height:531px !important;
}

/* LOGIN PAGE */

.page-section.loginPage{
    background:#fdfdfd !important;
}


.login{
    width: 1024px !important;
    margin: 100px auto !important;
}

.loginform_global{
    display: none;
    margin-top: 50px;
}

.msgLoginAntar_Left{
    background-color: #89B840;
    padding: 15px;
    color: #fdfdfd;
    float: left;
}

.msgLoginAntar_Left, .msgLoginAntar_Left ul li{
    font-size: 13px !important;
}

.msgLoginAntar_Left ul li{
    padding-left: 5px;
}

.msgLoginAntar_rightTop, .msgLoginAntar_rightBottom{
    color: #fdfdfd !important;
    padding: 15px 0px 15px 0px;
    color: #fdfdfd;



}

.msgLoginAntar_rightBottom{
    background-color:#254354 !important;
    min-height:130px !important;
    height:130px !important;

}
.msgLoginAntar_rightTop2{
    background-color:#254354 !important;
    height:380px !important;
}

.msgLoginAntar_rightBottom{
    text-align: center;
}

.msgLoginAntar_rightTop table.tableRightTop{
    width: 100% !important;
    font-size: 16px !important;
}

.tableRightTop, .tableRightTop tr, .tableRightTop td{
    background: none !important;
    color: #fdfdfd !important;
    text-align: center;
}


.tableRightTop td{
    padding: 13px 0px 13px 0px !important;
}

input#register{
    background: #DC263A;
    border: medium none;
    color: #fffffd;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    text-align: center;
    width: 70%;
    text-transform: uppercase;
}

#logAccount{
    background: #e67e22;
    border: medium none;
    color: #fffffd;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    text-align: center;
    width: 70%;
    text-transform: uppercase;
}


.changepage{
    width: 100px;
    margin: 0 auto;
    padding-left: 14px;
}

.changepage ul li{
    display: inline-block !important;
}

.changepage ul li span{
    display: block;
    width: 20px !important;
    height: 20px ;
    background-color: #95A5A6;
    border-radius: 50%;
    cursor: pointer;
}

.changepage ul li span.activeLogin{
    background-color: #606060;
}

.color-1,.color-2,.color-9,.color-6,.color-7,.color-11,.color-12,.color-10,.div_infotpl,.globalPayment{
    background:#F89828 !important;
}

#tablesearchorder thead th, #tablesearchorder tfoot td ,#billingtable thead th, #billingtable tfoot td {
    background: none repeat scroll 0 0 #F89828 !important;
    border-color: #F89828 !important;
}

#tablesearchorder tfoot td {
    background-color:  #F89828 !important;
    border-color: #F89828 !important;
}

#d_loginLeft{
    background: #E67E22 !important;

}

.col2,#bulkclientinfo{
    background: #E67E22 !important;

}
.msgLoginAntar_rightBottom, .msgLoginAntar_rightTop2{
    background-color: #254354 !important;
}
#tablebulkclientinfo {
    background: none !important;
}
h2,h3 {
    color:black !important;
    opacity: 0.6 !important;;
    filter: alpha(opacity=60) !important;; /* For IE8 and earlier */
}
.fa-power-off,.fa-home,.fa-arrow-left {
    color:#535353;
}

input#searchorder,input#submitBillingPayments{
    background: none repeat scroll 0 0 #019875 !important;
}
input#updateGauge {
    background: none repeat scroll 0 0 #019875 !important;
}
.batteryconsumption{
    padding-top:10px;
}

.consoDetails{
    background-color:transparent !important;
}

@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,700);

table.logintable tbody tr th {
    background: none repeat scroll 0 0 #F89828 !important;
}

table.logintable tbody tr td {

    border: 3px solid #F89828 !important;

}


input#login_client, input#forgot_snd, input#register_snd {
    background: url("../images/login.png") no-repeat scroll 35% 50% #F89828;

}

.spanbutton {
    color: #F89828;
}


input#mailForgot, input#email,input#reponsequestion {

    color: grey;

}

input#username, input#userForgot, input#accountNumber, input#postcode, input#postcodeLoginMode4,input#reponsequestionfirst,#questionpasswordfirst,input#registercode, input#lastInvoiceNumber {
    color: grey;


}

input#pwd, input#password1, input#password2 {
    color: grey;
}

input#passwordforgot1, input#passwordforgot2 {
    color: grey;
}

.infologin {
    background: url("../images/loginInfo.png") no-repeat scroll 50% 50% #F89828;

    box-shadow: 0 1px 2px #F89828 inset;

}

.invoiceInfoLogin, .postcodeInfoLogin {
    background: url("../images/loginInfo.png") no-repeat scroll 50% 50% #F89828;
    box-shadow: 0 1px 2px #F89828 inset;
}

input#username, input#userForgot, input#accountNumber, input#postcode, input#postcodeLoginMode4{
    background: url('../images/usr_avanti.png') no-repeat rgba(236, 240, 241, 0.2) ;
    background-position: 2% 50%;
}



input#registercode{
    background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}
input#lastInvoiceNumber{
    background: url('../images/invoice_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}
input#postcode, input#postcodeLoginMode4{
    background: url('../images/postcode_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}

input#PostcodeForgot{
    background: url('../images/postcode_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;

}


input#reponsequestionfirst{
    background: url('../images/answer_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}

#questionpasswordfirst{
    background: url('../images/loginInfo_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}

input#reponsequestion{
    background: url('../images/answer_avanti.png') no-repeat rgba(236, 240, 241, 0.2) 2% 50%;
}

#questionpassword{
    background: url('../images/loginInfo_avanti.png') no-repeat rgba(236, 240, 241, 0.2)  2% 50%;
}

#questionpasswordfirst{
    background: url('../images/loginInfo_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}

input#pwd, input#password1, input#password2, input#oldPassword{
    background: url('../images/pwd_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;

}

input#mailForgot, input#email{
    background: url('../images/mail_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}

#questionpasswordfirst{
    background: url('../images/loginInfo_avanti.png') no-repeat rgba(236, 240, 241, 0.2);
    background-position: 2% 50%;
}


.showpassword,.hidepassword{
    background: #F89828 ;
}

.showpasswordAdmin,.hidepasswordAdmin{
    background: #F89828 ;
}


.showpasswordForgot1,.showpasswordForgot2 , .hidepasswordForgot1 , .hidepasswordForgot2, .showpasswordForgotOld,.hidepasswordForgotOld{
    background: #F89828 ;
}

.showpasswordAdmin,.showpasswordAdmin  {
    background: #F89828 ;
}

.infopasswordForgot{
    background: #F89828 ;
}
.large-8 {
    width: auto !important;


}
.large-8 img{
    width: 100%;
    /*height: 93px;*/
}


.page-section {
    padding-top: 0px !important;
    padding: 0 0px !important;

}

#ThVide {
    background:white;
}
.row.metro-panel {
    margin-bottom: 0 !important;
}

.row.metro-panel {
    margin-top: 0 !important;
}

/* Adaptaition footer*/

.liavanti{
    color: #d3d3d3;
    float: left;
    font-size: 13px;
    line-height: 18px;
}

.liavanti  a {
    color: #f89829;

}



.footeravanti{
    padding: 0;
    min-height: 137px;
    z-index: 1;
    padding-left:25%;
    padding-right:25%;
    color: #949494;
    background-color:#EFEFEF;
    padding-top:10px;
    width:100%;
}

.footeravantileft{
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 530px;
}



.orangeGrad {
    background: -moz-linear-gradient(center bottom , #f78421 0%, #f9ab31 100%) repeat scroll 0 0 #f78421 !important;
    background: -webkit-linear-gradient(bottom, #f78421 0%, #f9ab31 100%) !important;
    background: -ms-linear-gradient(bottom, #f78421 0%, #f9ab31 100%) !important;
}


/* main menu styles
 border-radius: 3px 0 0 3px; 
*/



.nav,.nav ul {
    list-style:none;
    margin: 35px 10px 0;
    padding:0;
}

.nav {
    position:relative;
}

.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;

}

.nav li {
    float:left;
    position:relative;
}


ul.nav li:first-child a {
    border-left: medium none !important;
    border-radius: 3px 0 0 3px !important;
}
ul.nav li:last-child a {
    border-right: medium none !important;
    border-radius: 0px 3px 3px 0px !important;
}

.nav li a {
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    border-left: 1px solid #376da4;
    border-right: 1px solid #2d2d30;
    border-top: 1px solid #3c77ad;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
    background: -moz-linear-gradient(center bottom , #1d3959 0%, #2f5f91 100%) repeat scroll 0 0 #1d3959;
    background:-webkit-linear-gradient(bottom, #1D3959 0%, #2F5F91 100%) #1D3959;
    background:-ms-linear-gradient(bottom,#1d3959 0%,#2f5f91 100%);
}

.nav li:hover > a {
    background:#00517b;


}

.nav li:hover ul.subs {
    height:auto;
    width:180px;
}

.nav ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:0;
    transition:0.5s;
    width:100%;
}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.nav ul li a {
    background:#7770B4;
    border-color:#6E67A6;
    color:#fff;
    line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
}

.nav li:hover ul li a {
    line-height:35px;
}

.nav ul li a:hover {
    background:#00517b;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}


nav > label {
    display:none;
}

#toggle-nav{
    display:none;
}



.logoutavanti{

    /*F0C427*/

    border-left: 1px solid #f89828 !important;
    border-top: 1px solid #f89828 !important;
    border-right: 1px solid #f89828 !important;
}

#titresectionpage{
    background-image: linear-gradient(#fefefe 101px, transparent 0px) !important;
    margin-left: 440px !important;

}

.home-page .menu-row {
    /*background-color: #f89828 !important;*/

    background-image: linear-gradient(#f7f7f7 101px, transparent 0px) !important;
    margin: auto !important;
    width: 74% !important;


}
#headclient{

    background: rgba(248,152,40,1);
    background: -moz-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,152,40,1)), color-stop(111px, rgba(248,151,40,1)), color-stop(121px, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);

    background: -moz-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%) !important;
    height:121px;
    width:100% !important;
    position:absolute;
    top:0px;
}
#headclient{

    background: rgba(248,152,40,1);
    background: -moz-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,152,40,1)), color-stop(111px, rgba(248,151,40,1)), color-stop(121px, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%);

    background: -moz-linear-gradient(top, rgba(248,152,40,1) 0%, rgba(248,151,40,1) 111px, rgba(255,255,255,1) 121px, rgba(255,255,255,1) 100%) !important;
    height:121px;
    width:100% !important;
    position:absolute;
    top:0px;
}



.page-section{
    background:white !important;
}

.packorder #DivTotal, .packorder #TitleComment, .packorder #SpanWarning { color: #000; }

#logo img{

    height:56px !important;
    width:219px !important;
    margin-bottom:26px;
    margin-top:17px;
    margin-left:4px;

}

.msg_info, .msg_infoForgot{
    /*margin-top: 210px;*/
}


.logintable {
    margin: 0 auto;
    margin-top: 50px;
}

#deftaultWrap{

    /*margin-top: -30px;*/
    float: left;
    height: 280px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
    border-bottom:50px;
}

.central {
    margin: 0 auto;
    width: 960px;
}



#deftaultWrap .central {
    position: relative;
}
#deftaultWrap .central .info {
    left: 40px;
    position: absolute;
    top: 20px;
    width: 330px;
    z-index: 10000;
}
#deftaultWrap .central img.headerImage {
    float: right;
    width: 700px;
    height: 250px;
}

@media (max-width: 1150px) {
    #deftaultWrap,.central ,.info {
        visibility:hidden;
        height: 0;
    }

    .logintable {
        margin: auto ;
    }

    .customheader{
        height: 121px;
    }

    #logo img{
        margin-left:0px;
        margin-bottom:10px;
        margin-top:0px;
    }

    .logged-in div.footeravanti
    {
        bottom:0 !important;
    }

    .login {
        height: 0px;
    }
    .menu-row {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #logo img {
        width: 128px !important;
        height: auto !important;
    }

    .footeravantileft{
        width: 100%;
    }
    .footeravanti{
        left:0;
        /*position: relative;*/
        padding-left: 5%;
        padding-right:5%;
    }

    .large-8 {
        width: 80.6667% !important;
    }

    .nav {
        position: absolute;
        right: 0;
    }

    .nav, .nav ul {
        margin: 0;
    }

    .nav li a {
        float: none;
        clear: both;
    }

    .nav li {
        float: none;
    }

    nav{
        width:100px;

    }

    .logintable{
        margin-top:80px !important;
    }

    /* Theming opened nav */
    nav ul {
        /* translate with hardware acceleration */
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: max-height .4s;
        transition: max-height .4s;
        will-change: max-height;


        /* global styles */
        margin: 0;
        padding: 0;
        list-style: none;
    }

    nav a {
        display: block;
        padding: 1.2rem;
        color: #333;
        background: #fff;
        text-decoration: none;
        margin-bottom: 2px;
    }
    nav a:hover,
    nav a:focus,
    nav a:active
    {
        background: #eee;
    }

    /* handling clic with CSS3 checked */
    /* Theming closed nav */
    nav > input:not(:checked) ~ ul {
        max-height: 0;
        overflow: hidden;
        z-index: 1000;
    }
    /* Theming opened nav */
    nav > input:checked ~ ul {
        max-height: 25em;
        z-index: 1000;
    }


    /* Global styling nav button */
    nav > label {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1;
        text-align: center;
    }


    /* Theming opened nav button */
    nav > input:checked + label {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    nav > input:checked + label::before {
        background-position: center, center, center;
    }


    /* Hide alternate text except from screen readers */
    .visually-hidden {
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        overflow: hidden;
        height: 1px;
        width: 1px;
    }

    .nav li {
        width: 240px;
    }

    .global {
        margin-top: -60px;
    }
    .customheader{
        visibility:hidden;
    }

}



.avantigas #T_add_Pack thead th,
.avantigas #T_add_Pack tfoot td {
    background: #F89828 !important;
    border-color: #F89828 !important;
}

.avantigas #form_packorder #DivTotal #DivText ,
.avantigas #form_packorder #DivTotal #DivGazWeight,
.avantigas #form_packorder #DivTotal #DivDelivery,
.avantigas #form_updatePackOrder #DivTotal #DivText ,
.avantigas #form_updatePackOrder #DivTotal #DivGazWeight,
.avantigas #form_updatePackOrder #DivTotal #DivDelivery {
    margin-left: 43px;
    margin-right: 43px;
}

#SpanWarning {
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

#SpanWarning #SpanWarningIcone {
    margin-right: 10px;
}

#SpanWarning #SpanWarningText {
    display: flex;
    justify-content: center;
    align-self: center;
}

#SpanWarning #SpanWarningText #MinimumAuthorizedWeight {
    margin-left: 5px;
    margin-right: 5px;
}

@media (max-height: 640px) {


    section.loginPage > .footeravanti{
        min-height: 140px;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        width:100%;
        bottom:0 !important;
        position: relative;
    }




}

@media screen and (max-height: 1000px) {

    section:not(.loginPage) > .footeravanti{
        min-height: 140px;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        width:100%;
        bottom:0 !important;
        position: relative;

    }

}








@media only screen and (max-height: 800px) {

    section.loginPage > .footeravanti{
        /*display: none;*/

    }



}

@media (max-height: 800px) {

    .customheader{
        height: 121px;
    }

    #deftaultWrap,.central ,.info {
        visibility:hidden;
        height: 0;
    }

    .footeravanti{
        /*
	    visibility:hidden;
	    height: 0;
	    */
    }

    .logintable {
        margin: auto;
    }

}


@media only screen and (max-width: 640px) {
    .login{
        width: 100% !important;
    }
    .changepage{
        display:none;
    }
    .footeravanti{
        position: relative;
    }
    nav{
        height: 0px;
    }
    .col {
        margin: 1% 0 1% 0%;
    }

    .col2 {
        margin: 1% 0 1% 0% !important;
    }

    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 100%;
    }
    .span_1_of_3 {
        width: 100%;
    }
    .span_2_of_2 {
        width: 100% !important;
    }
    .span_1_of_2 {
        width: 100% !important;
    }

}

@media only screen and (min-width: 768px) {
    .loginPage .metro-panel {
        min-height: 800px;
    }
}




@media only screen and (max-width: 768px) {
    .footeravantileft ul{
        float: none;
    }

    .footeravantiright {
        width: 100% !important;
        margin: 22px auto;
        text-align: center;
    }

    .footeravantiright ul {
        float:none !important;
        margin: 30px 0 45px;
    }

    .footeravantiright .footSocial {

        width: 100% !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footeravanti .footSocial > p {
        width: 100% !important;
        text-align: left;
        margin-bottom: 0;
    }

    .footeravanti .wrap-social {
        width: 137px !important;
    }

    .footeravanti .footSocial .facebook {
        margin: 0 0 0 0px;
    }

    .footeravanti .footSocial .twitter {
        margin: 0 0 0 10px;
    }

    .footeravanti .footSocial .linked {
        margin: 0 0 0 10px;
    }

    .footeravanti .footSocial .wrap-cscweb-banner-cookie {
        padding-left: 0;
    }
}



#onetrust-group-container h3#onetrust-policy-title {
    color: #ffffff !important;
    opacity: 1 !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    color: #003366 !important;
    border-color: #003366 !important;
    background-color: #FFFFFF !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: #00afdb !important;
    border-color: #00afdb !important;
    color: #FFFFFF !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler {
    color: #FFFFFF !important;
    opacity: 1 !important;
    font-size: 12px !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt p {
    color: #003366 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a {
    color: #FFFFFF !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link:focus {
    outline: none;
    border: none;
}

#onetrust-pc-sdk .ot-plus-minus span {
    background-color: #FFFFFF !important;
}

.wrap-cscweb-banner-cookie {
    display: flex;
    padding: 10px 0px 10px 10px;
}

.wrap-cscweb-banner-cookie #ot-sdk-btn.ot-sdk-show-settings,
.wrap-cscweb-banner-cookie #ot-sdk-btn.optanon-show-settings {
    border-color: #003366;
    color: #003366;
}

.wrap-cscweb-banner-cookie #ot-sdk-btn.ot-sdk-show-settings:hover,
.wrap-cscweb-banner-cookie #ot-sdk-btn.optanon-show-settings:hover {
    background-color: #003366 !important;
}

.footeravanti.clearfix2 {
    position: initial;
}

.clearfix2::after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.footeravanti .footSocial svg {
    fill: #003366;
    width: 25px;
    height: 25px;
}

.footeravanti .footSocial {
    display: flex;
    align-items: center;
    width: 385px;
}

.footeravanti .footSocial > p{
    width: 160px;
}

.footeravanti .wrap-social {
    width: 156px;
    display: flex;
}

.footeravanti .wrap-social a {
    display: flex;
    align-items: center;
}