@import url('../fonts/rupee/default.css');

.newsback {
    position: static;
    float: right;
    font-weight: bold;
    padding-right: 1px;
}

.Market-info b {
    font-size: 25px !important;
}

.divmiddle200 {
    height: 200px;
    line-height: 200px;
    text-align: center;
}

.divmiddle100 {
    height: 100px;
    line-height: 100px;
    text-align: center;
}



/***************Added by Mukesh*****************************************/
.modal-backdrop.in {
    filter: alpha(opacity=0);
    opacity: 0.5;
}

.modal-backdrop {
    z-index: 0;
}

.ipopup table {
    width: 100%;
}

    .ipopup table th {
        background: #E9E9E9;
        padding: 4px 8px !important;
        font-weight: 500;
    }

    .ipopup table td {
        border-bottom: 1px solid #E9E9E9;
        font-size: 13px;
        padding: 4px 8px !important;
    }

.pointer {
    cursor: pointer;
}

.CompInfo-Detail {
    max-width: 600px;
    background: white;
    text-align: left;
    margin: 40px auto;
    position: relative;
    padding: 15px 15px 0px 15px;
}

.CompInfo-Detail-Main {
    max-width: 600px;
    background: white;
    text-align: left;
    margin: 0px auto;
    position: relative;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
}

    .CompInfo-Detail-Main .mfp-close {
        right: 0;
        top: -30px !important;
        color: #FFFFFF !important;
        font-size: 36px;
        font-weight: normal;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

.giinncont {
    height: 582px;
}

.Ecal {
    background: #FCFCFC !important;
    border-left: 1px solid #101010;
    border-right: 1px solid #101010;
    border-top: 1px solid #101010;
    width: 100%;
    border: none !important;
    color: #000;
}

    .Ecal a {
        color: #000 !important;
    }

    .Ecal tbody td {
    }

.ectitle {
    background: #ECECEC !important;
    border: none !important;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    height: 30px;
}

.Ecal .daysofweek {
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #c3c3c3;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    padding-top: 1px;
    height: 19px;
    text-align: center;
    text-transform: uppercase;
}

.weekend {
    background-color: transparent !important;
    height: 20px;
    width: 14% !important;
    padding: 5px 0px;
    background-color: #f5f4f4;
    color: black;
    font-size: 11px;
    border: 1px solid #c3c3c3;
    color: #FFF;
}

.weekdays {
    background-color: transparent !important;
    height: 20px;
    width: 14% !important;
    padding: 5px 0px;
    background-color: #f5f4f4;
    color: black;
    font-size: 11px;
    border: 1px solid #c3c3c3;
    color: #FFF;
}

.today {
    background-color: #ddd !IMPORTANT;
}

.weekend a, .weekdays a {
    font-weight: bold;
}

.othermonths {
    padding: 5px 0px;
    width: 14% !important;
    font-size: 11px;
    border: 1px solid #c3c3c3;
    height: 20px;
}

.dotBox {
    white-space: nowrap;
}

.Ecal .meeting, .split, .bonus, .divident {
    height: 10px;
    width: 9px;
    background-image: url(../images/dots.gif);
    background-repeat: no-repeat;
    float: left;
}

.meeting {
    background-position: 0 0;
}

.bonus {
    background-position: -18px 0;
}

.divident {
    background-position: -27px 0;
}

.split {
    background-position: -9px 0;
}

.othermonths div.meeting {
    background: none !important;
    color: #636363 !important;
}

.othermonths div.bonus {
    background: none !important;
    color: #636363 !important;
}

.othermonths div.divident {
    background: none !important;
    color: #636363 !important;
}

.othermonths div.split {
    background: none !important;
    color: #636363 !important;
}

.othermonths a {
    color: #636363 !important;
    font-size: 11px;
    pointer-events: none;
    cursor: default;
}

.icomeet, .icosplits, .icobonus, .icodividend {
    display: inline-block;
    height: 5px;
    width: 5px;
    margin: 0px 1.5px;
}

.popup_box {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #1c050d;
    border-left: none;
    width: 100px;
    text-align: left;
    z-index: 999;
    margin-left: -70px;
}




.eveDateBx {
    height: 13px;
    padding: 0px;
}

.eventPopup.lft {
    position: absolute;
    background: #fffedf;
    left: -142px;
    top: -1px;
    border: 1px solid #e3e3e3;
    border-right: none;
    width: 140px;
    text-align: left;
    z-index: 999;
}

    .eventPopup.lft .eventData {
        padding: 0px;
        padding-top: 0;
        border-right: 1px solid #1c050d;
        border-left: none;
    }

.eventData {
    padding: 0px;
    padding-top: 0;
    border-left: 1px solid #1c050d;
}

    .eventData table {
        background: #FFF;
    }

        .eventData table td {
            border-bottom: 1px solid #1c050d;
            text-align: left;
            font-weight: normal;
            font-size: 11px;
            padding: 3px 2PX;
            color: #101010;
        }

        .eventData table a {
            cursor: pointer;
        }

        .eventData table td.aR {
            text-align: right;
        }


a.btnClose2 {
    color: #fff !important;
    margin-right: 3px;
}



.fR {
    float: right;
}

.cBl {
    color: #025289;
}

    .cBl a {
        color: rgba(0, 0, 0, 0.7);
    }

.cBl2 {
    color: #1966b4;
}

.dotbox a {
    display: inline !important;
}

    .dotbox a i {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        transition: 0.3s all ease;
        margin: 0px 1px;
        float: left;
        position: relative;
        bottom: -3px;
        left: 3px;
    }

.error td {
    text-align: center;
    background: #F0F0F0;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
}

.bold {
    font-weight: bold;
}

.recovery-graph .inner, .recovery-graph-minus .inner {
    border-left: 0;
    height: 18px;
    width: 200px;
}

.green-gr {
    background: #048d01;
    background: -moz-linear-gradient(top, #49a514 0%, #048d01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49a514), color-stop(100%,#048d01));
    background: -webkit-linear-gradient(top, #49a514 0%,#048d01 100%);
    background: -o-linear-gradient(top, #49a514 0%,#048d01 100%);
    background: -ms-linear-gradient(top, #49a514 0%,#048d01 100%);
    background: linear-gradient(to bottom, #49a514 0%,#048d01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a514', endColorstr='#048d01',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #ffffff;
    font-weight: bold;
}

.cal-meeting li label {
    display: inline;
    font-size: 9px;
}

.colour1 {
    color: #6db22e;
}

.colour2 {
    color: #e04f32;
}

.colour3 {
    color: #00b8bf;
}

.colour4 {
    color: #ff8400;
}

.colour5 {
    color: #0097de;
}

.colour6 {
    color: #bfa200;
}

.colour7 {
    color: #aa09d6;
}

.colour8 {
    color: #0034de;
}

.colour9 {
    color: #e900fe;
}

.defcol1 {
}

.defcol2 {
}

.defcol3 {
}

.defcol4 {
}

.defcol5 {
}

.defcol6 {
}

.defcol7 {
}

.defcol8 {
}

.defcol9 {
}

.textinp {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.gobtn {
    bottom: 15px;
    right: 0;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 18px;
    transition: 0.3s all ease;
}

    .gobtn a {
        color: #464646;
        text-transform: capitalize;
    }

    .gobtn:hover a {
        color: #000;
        transition: 0.3s all ease;
    }

    .gobtn:after {
        position: absolute;
        content: "";
        right: 15px;
        top: 0;
        background: #e87e04;
        width: 5px;
        height: 100%;
        transition: 0.3s all ease;
    }

    .gobtn:hover:after {
        width: 10px;
        transition: 0.3s all ease;
        background: #e5662e;
    }


.ac_results {
    padding: 0px;
    border: 1px solid #ffffff;
    background-color: white;
    overflow: hidden;
    margin-top: 0px;
    z-index: 99999;
    font-family: Verdana;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results li {
        margin: 0px;
        padding: 6px;
        cursor: pointer;
        display: block;
        transition: 0.2s ease;
        /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
        line-height: 16px;
        overflow: hidden;
    }

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #e87e04;
    color: white;
}

.whtbox .loadingimg {
    margin-top: expression(( 150 - this.height ) / 2);
}

.loadingbg {
    background-color: #333;
    filter: alpha(opacity=60);
    opacity: 0.80;
    z-index: 1000;
    overflow: hidden;
}

div.loadcont {
}

.whtbox #loadimg, .Wbdr-whtbox #loadimg, .Wbdr-whtbox #loadimg {
    /*margin-top: expression(( div.loadcont.height - this.height ) / 2);*/
    position: absolute;
    top: 10%;
    left: 50%;
}

html > body div.loadcont img { /*hidden from IE 5-6 */
    margin-top: 0; /* to clean up, just in case IE later supports valign! */
    vertical-align: middle;
}

.rs {
    font-family: 'Rupee-Foradian';
    font-weight: normal;
    display: inline;
    margin: 0px 1px;
    font-size: 12px;
}

.inline {
    display: inline;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.branch_add-bor-nodata {
    border: solid 1px #c3c3c2;
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
    color: #e87e04;
}



.halert {
    border: solid 1px #a94442 !important;
}

.select {
    padding-left: 4px;
    margin-bottom: 10px;
}

.w145 {
    width: 145px;
}

.nsub {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .nsub input[type="checkbox"] {
        margin-right: 4px;
    }

    .nsub label {
        padding-right: 15px;
    }

.modal-dialog {
    z-index: +9999;
}

.form-group input[type="checkbox"] {
    display: none;
}

    .form-group input[type="checkbox"] + .btn-group > label span {
        width: 20px;
    }

        .form-group input[type="checkbox"] + .btn-group > label span:first-child {
            display: none;
        }

        .form-group input[type="checkbox"] + .btn-group > label span:last-child {
            display: inline-block;
        }

    .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
        display: inline-block;
    }

    .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
        display: none;
    }

.form-group #lblval {
    width: 130px;
}

.youtube {
    background: url(../images/youtube.png) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -8px;
    top: 5px;
    font-size: 0px;
    vertical-align: middle;
}

.ourres i {
    position: absolute;
    width: 22px;
    height: 19px;
    background-position: 3px 1px;
    right: 5px;
    top: 5px;
}

.ml20 {
    margin-left: 20px;
}
.Sitemap_bg {
    background: url(../images/Sitemap_bg.jpg) no-repeat;
    background-size: cover;
}
.sitemapCont {
    padding: 15px;
    margin-bottom: 15px;
}
.sitemapCont ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.sitemapCont ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.sitemapCont ul li a{
    color:#6B6B6B;
}
.sitemapCont ul li:after {
    background: #444444;
}
/******************Media Queries****************************************************/
@media only screen and (min-width: 240px) and (max-width: 767px) {
    .select-cont li {
        display: block;
        float: left;
        width: 100%;
    }

    .giinncont {
        height: auto;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1025px) {
    .Innerpageminhig {
        min-height: 607px !important;
    }

    .giinncont {
        height: auto;
    }
}

@media only screen and (min-width: 1026px) {
    .Innerpageminhig {
        min-height: 987px !important;
    }
}

.tbl-general .dark_th1 {
    background: #e5e5e5 !important;
    border: none;
}

.tbl-general .dark_th2 {
    background: #e5e5e5 !important;
    border: none;
}

.tbl-general {
    width: 100%;
    border-collapse: collapse;
}

    /*.tbl-general tr:nth-of-type(odd) {
        background: #eee;
    }*/

    .tbl-general th {
        background: #e5e5e5 !important;
        font-weight: bold;
        font-size: 12px;
    }

    .tbl-general td, th {
        padding: 6px;
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1023px) {
    /*.paging td:first-child { display: none !important; }*/

    .tbl-general tr td {
        display: block;
    }

    .tbl-general th {
        display: none;
    }

    .tbl-general thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tbl-general tr {
        border: 1px solid #ccc;
    }

    .tbl-general td {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 45%;
        text-align: right !important;
    }

        .tbl-general td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

    .tbl-general th[data-title]:before, td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        font-size: 10px;
    }

    .resp {
        position: relative;
        left: -6px;
    }
}

.DTC, .HTC {
    text-align: center;
    vertical-align: middle !important;
}

.DTR, .HTR {
    text-align: right;
    vertical-align: middle !important;
}

.DTL, .HTL {
    text-align: left !important;
    vertical-align: middle !important;
}

.TopLinks {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #DE1D29;
    text-decoration: none;
    text-align: center;
    padding: 5px 7px;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
}

.SelTopLinks {
    border-style: none;
    border-color: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-width: 0px;
    background: #C38701;
    text-decoration: none;
    text-align: center;
    padding: 5px 7px;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
}

.number ul {
    font-family: 'Calibri';
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.number li {
    list-style: none;
    display: inline-block;
    margin-right: 0px;
    text-align: center;
}

@media only screen and (min-width: 1025px) {
    .number li input[type="submit"] {
        width: 25px;
        height: 25px;
    }
}


.mySubNew {
    font-weight: bold;
    display: inline;
    color: #E87E04;
}

.li {
    position: relative;
}

.Ann-colour9 {
    background: #de4351;
}

.Ann-colour6 {
    background: #57917e;
}

.Ann-colour7 {
    background: #5472d2;
}

.Ann-colour8 {
    background: #b09168;
}

.Ann-colour4 {
    background: #d2c26b;
}

.Ann-colour1 {
    background: #ee82f3;
}

.Ann-colour3 {
    background: #afa2a2;
}

.Ann-colour5 {
    background: #69a8d2;
}

.pricetable td {
    padding: 5px 10px 5px;
    width: auto;
}

.pricetable {
    margin-bottom: 5px;
}

.pricetable {
    width: 100%;
    border-bottom: 1px dashed #B1B1B1;
}

    .pricetable td select {
        border: none;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 4px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        position: relative;
        background: url(../images/selectdrop_arow.jpg) no-repeat right;
        background: #FFFFFF\0/;
        padding-right: 12px;
        font-size: 13px;
    }

    .pricetable td input {
        width: 100%;
        background: none;
        border: none;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 4px;
    }

.Gobtn {
    position: relative;
    background: #f59121;
    height: 30px;
    padding: 7px 5px;
    color: white;
    text-align: center;
    vertical-align: middle;
    display: inherit;
}
    /*.Gobtn:after {position:absolute; content:""; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #fff; top:8px; left:12px; transition:0.3s all ease}*/
    .Gobtn:hover {
        background: #e87e04;
        color: white;
    }

.detailnews {
    font-size: 12px;
    color: #595959;
}
/*date Picker*/
#ui-datepicker-div {
    width: 220px;
    background-color: #f59121;
}

.ui-datepicker th {
    background: #f59121 !important;
    line-height: 25px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #a41f52;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #f59121 !important;
    border: 1px solid #a41f52;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    font-family: calibri;
    color: #a41f52;
    display: inline;
    background: transparent;
    text-transform: uppercase;
    margin-right: 2px;
    border: solid 1px #a41f52;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: white !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    font-family: calibri;
    color: #f59121 !important;
    display: inline;
    background: transparent;
    text-transform: uppercase;
    margin-right: 2px;
    border: solid 1px #f59121 !important;
}
/*date Picker end*/
.TAR {
    text-align: right;
}

.ReshForm input[type="email"], .ReshForm input[type="tel"] {
    width: 100%;
    border: 1px solid #cccccc;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    margin-bottom: 13px;
}

.ReshForm input[type="submit"] {
    width: 100%;
    text-align: center;
    font-size: 17px;
    background: #e87e04;
    padding: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: 0.3s all ease;
    border: 0px;
}

    .ReshForm input[type="submit"]:hover {
        background: #c96d02;
        transition: 0.3s all ease;
    }

.calendarpos {
    position: absolute;
    right: 15px;
    /* bottom: 0px; */
    top: 30px;
}

.GAR, .TAR {
    text-align: right !important;
}

.GAL, .TAL {
    text-align: left !important;
}

.GAC, .TAC {
    text-align: center !important;
}

.Inr-bx-btn a:hover {
    color: #fff;
}

.search_bg {
    background: url(../images/Searchbanner_bg.jpg) no-repeat center;
    background-size: cover;
}

.current_opening a:hover {
    color: #fff !important;
}

.Reg-form .logbtn {
    background: #e87e04;
    color: #FFFFFF;
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    transition: 0.3s all ease;
}

    .Reg-form .logbtn:hover {
        color: #FFFFFF;
    }
    .Reg-form input[type="password"] {width:100%; border:1px solid #D9D9D9; height:35px; line-height:35px; padding:0 10px; box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.06); font-size:13px;}
    .calendarreg {
    position: absolute;
    right: 18px;
    /* bottom: 0px; */
    top: 11px;
}
    .dispSpan{display:inline-block;}
@media only screen and (min-width: 240px) and (max-width: 460px) {
    .Carr_contdetail td{display:block}
    .Carr_contdetail td:first-child{background:#e2e2e2}
    .dispSpan{display:none;}
}
.mobLogReg .NewloginMob {position: relative;
    top: -20px; padding:7px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); margin-right:3px; border-radius:0 0 10px 10px; text-align:center;}
.mobLogReg .NewloginMob > a {color:#636363; display:inline-block; font-size:11px; padding:0 10px; text-transform:uppercase; font-family: 'Arial'; font-weight:normal; position:relative;}
.mobLogReg .NewloginMob > a:after {position:absolute; top:-1px; right:-6px; content:"|";}
.mobLogReg .NewloginMob > a:last-child:after {display:none;}
.mobLogReg .NewloginMob > a:hover {color:#000000;}
.mobLogReg .NewloginMob > .afterlog {margin:0; padding:0;}
.mobLogReg .NewloginMob > .afterlog > li {float:left;margin: 10px 4px;text-align:left;}
.mobLogReg .NewloginMob > .afterlog > li > a em {font-size:9px; color:#A3A3A3; font-style:normal}
.mobLogReg .NewloginMob > .afterlog > li > a {font-size:14px; color:#000000; opacity:0.7; transition:0.3s all ease}
.mobLogReg .NewloginMob > .afterlog > li > a:hover {opacity:1; transition:0.3s all ease}
.mobLogReg .NewloginMob > .afterlog > li > a.dashboardicon {background-position:-113px -53px; width:13px; height:13px;}
.mobLogReg .NewloginMob > .afterlog > li > a.noticon {background-position:-133px -52px; width:14px; height:15px;}
.mobLogReg .NewloginMob > .afterlog > li.usericon > a {padding-left:30px; position:relative}
.mobLogReg .NewloginMob > .afterlog > li.usericon > a:before {position:absolute; top:0; left:0; width:22px; height:22px; content:""; background:url(../images/sprite.png) no-repeat -154px -48px;}
#Logoutbx1 {position:absolute; min-width:250px; background:#FFFFFF; border:1px solid #E4E4E4; top:45px; right:0; z-index:99; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); display:none}
#Logoutbx1 p {margin-bottom:0; padding:5px 0 0px 10px;}
#Logoutbx1 a {padding:2px 5px 5px 10px; font-size:12px; color:#999}
#Logoutbx1 a:hover {text-decoration:underline !important;}
#Logoutbx1 span {background:#DFDFDF; padding:10px; text-align:right}
#Logoutbx1 span button {background:#FFFFFF;}
#Lpopup {max-width: 600px !important;}
#Forgotpopup {max-width: 600px !important;}
/*30 Jan 2018*/
.lgname {padding-right: 5px !important;padding-left: 5px !important;}
@media only screen and (max-width: 768px ) {
.lgname {padding-top: 5px !important; }
    }
.loginid { padding: 24px;}
.LogIDPop { max-width: 569px;}