@charset "utf-8";

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProBlack.eot');
    src: url('fonts/MyriadProBlack.eot') format('embedded-opentype'), url('fonts/MyriadProBlack.woff2') format('woff2'), url('fonts/MyriadProBlack.woff') format('woff'), url('fonts/MyriadProBlack.ttf') format('truetype'), url('fonts/MyriadProBlack.svg#MyriadProBlack') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/myriadproregular.eot');
    src: url('fonts/myriadproregular.eot') format('embedded-opentype'), url('fonts/myriadproregular.woff2') format('woff2'), url('fonts/myriadproregular.woff') format('woff'), url('fonts/myriadproregular.ttf') format('truetype'), url('fonts/myriadproregular.svg#MyriadProRegular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProLightIt.eot');
    src: url('fonts/MyriadProLightIt.eot') format('embedded-opentype'), url('fonts/MyriadProLightIt.woff2') format('woff2'), url('fonts/MyriadProLightIt.woff') format('woff'), url('fonts/MyriadProLightIt.ttf') format('truetype'), url('fonts/MyriadProLightIt.svg#MyriadProLightIt') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadProLight.eot');
    src: url('fonts/MyriadProLight.eot') format('embedded-opentype'), url('fonts/MyriadProLight.woff2') format('woff2'), url('fonts/MyriadProLight.woff') format('woff'), url('fonts/MyriadProLight.ttf') format('truetype'), url('fonts/MyriadProLight.svg#MyriadProLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadCn';
    src: url('fonts/MyriadProBoldSemiCn.eot');
    src: url('fonts/MyriadProBoldSemiCn.eot') format('embedded-opentype'), url('fonts/MyriadProBoldSemiCn.woff2') format('woff2'), url('fonts/MyriadProBoldSemiCn.woff') format('woff'), url('fonts/MyriadProBoldSemiCn.ttf') format('truetype'), url('fonts/MyriadProBoldSemiCn.svg#MyriadProBoldSemiCn') format('svg');
    font-weight: 500;
    font-style: normal;
}

.pointer {
    cursor:pointer;
}

div.background {
    background-image: url(images/pic_background.jpg);
    background-position: center bottom;
    background-size: cover;
    position: relative;
}

div.header {
    height: 37px;
    background-color: #001e33;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

    div.header img {
        height: 17px;
        padding-top: 12px;
    }

div.login-reg {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

    div.login-reg div {
        color: #fff;
        font-family: Myriad;
        font-size: 20px;
        font-style: normal;
        font-weight: 100;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0px 10px 0px 10px;
        display: inline;
        letter-spacing: 1px;
    }

div.offline {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

div.offline div{
    color: #fff;
    font-family: Myriad;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    display: inline;
    letter-spacing: 1px;
}

div.pi-placeholder {
    position: relative;
    margin: 0px 10px 10px 10px;
    border-top: 1px dotted white;
}

table.pi-main {
}

td.pi-main {
    color: #fff;
    font-family: Myriad;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    border-bottom: 1px dotted white;
    padding-top: 7px;
    padding-bottom: 4px;
}

div.subscription-info {
    position: relative;
    margin: 25px 10px 20px 10px;
    color: #fff;
    font-family: Myriad;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

div.pi-date-main {
    position: relative;
    margin: 5px 10px 20px 10px;
    color: #fff;
    font-family: Myriad;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
}


div.menu-main {
    position: relative;
    margin-top: 1px;
    background-image: url(images/bg_menu_main.png);
}

td.menu-main {
    color: #fff;
    font-family: Myriad;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    padding-top: 7px;
    padding-bottom: 4px;
}
    td.menu-main a {
        color: #fff;
        cursor: pointer;
    }

    td.menu-main div {
        display: inline;
        padding: 0 20px 0 5px;
    }

div.menu-profile {
    padding: 0;
}

div.title {
    color: #fff;
    font-family: Myriad;
    font-size: 46px;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    padding-top: 20px;
    line-height: 100%;
}

    div.title span {
        font-size: 38px;
    }

div.bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

h1.plasticname {
    color: #001e33 !important;
    font-family: Myriad !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 100 !important;
    text-align: center !important;
    padding: 30px 10px 0 10px !important;
    line-height: 100% !important;
    border: none !important;
    margin-bottom: 5px !important;
}

div.pi-date-dark {
    color: #bb770d;
    font-family: Myriad;
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 18px;
}

div.pi-chart-placeholder {
    text-align: center;
    margin: 0 auto;
}

div.range-placeholder {
    margin: 10px 0px 20px 0px;
}

div.range {
    color: #001e33;
    font-family: Myriad;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 5px 2px 5px;
}

.inactive {
    background-color: #E1E0E0;
    border: 1px solid #E1E0E0;
}

.active {
    background-color: white;
    border: 1px solid #E1E0E0;
}

div.pi-placeholder_dark {
    position: relative;
    margin: 10px 10px 12px 10px;
    border-top: 1px dotted #E1E0E0;
}

table.pi-dark {
}

td.pi-dark {
    color: #001e33;
    font-family: Myriad;
    font-size: 19px;
    font-style: normal;
    font-weight: 100;
    border-bottom: 1px dotted #E1E0E0;
    padding-top: 7px;
    padding-bottom: 4px;
}

h1.report-title {
    color: #001e33 !important;
    font-family: Myriad !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 100 !important;
    text-align: center !important;
    padding: 30px 10px 0 10px !important;
    line-height: 100% !important;
    border: none !important;
    margin-bottom: 5px !important;
}

div.report-text-placeholder {
    position: relative;
    margin: 10px 130px 0 130px;
}

    div.report-text-placeholder p {
        color: #001e33;
        font-family: Myriad;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 135%;
        margin: 0px 0px 15px 0px;
    }

    div.report-text-placeholder ul {
        color: #001e33;
        font-family: Myriad;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 135%;
    }

    div.report-text-placeholder h3 {
        color: #001e33;
        font-family: Myriad;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
        margin: 10px 0px 0px 0px;
    }

div.report-list-placeholder {
    position: relative;
    margin: 20px 10px 0px 10px;
    border-bottom: 1px dotted #E1E0E0;
}

div.report-list-title {
    color: #001e33;
    font-family: Myriad;
    font-size: 20px;
    font-style: normal;
    font-weight: 100;
    line-height: 100%;
    text-align: left;
    margin: 0px 0px 2px 0px;
}

div.report-list-date {
    color: #bb770d;
    font-family: Myriad;
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 12px;
}


div.error_pic {
    text-align: center;
    margin: 70px 0 30px 0;
}

div.error_text_b {
    text-align: center;
    color: #62615f;
    font-family: Myriad;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    margin-bottom: 40px;
    padding: 0 20px;
}

div.error_button {
    text-align: center;
    color: #fff;
    font-family: Myriad;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    margin: 20px 0 30px 0;
}

    div.error_button span {
        background-color: #a2a19e;
        padding: 8px 12px 6px 12px;
    }

div.error_button_placeholder {
    text-align: center;
}


div.profile_content_placeholder {
    padding: 0 20px 0px 20px;
}

div.profile_text {
    text-align: center;
    color: #001e33;
    font-family: Myriad;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    margin: 50px 0 40px 0;
}

div.profile_subscribe {
    margin-top: 15px;
}

td.subscription_duration {
    color: #001e33;
    font-family: Myriad;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    padding: 10px 0px 6px 05px;
    width: 80px;
}

td.subscription_price {
    color: #001e33;
    font-family: Myriad;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    padding: 10px 0px 6px 0px;
}

td.subscription_label {
    color: #001e33;
    font-family: Myriad;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 15px 6px 0px;
    text-align: right;
}

.bgcolor1 {
    background-color: #ff9c00;
}

.bgcolor2 {
    background-color: #d5b080;
}

.bgcolor3 {
    background-color: #92b53f;
}

.bgcolor4 {
    background-color: #2fc1db;
}



















/*----NEW MOBILE ITEMS-----*/
div.create_account {
    margin: 0 auto;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    width: 200px;
    margin-top: 20px;
    line-height: 130%
}

a.create_account {
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

    a.create_account:hover {
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
    }

    a.create_account:visited {
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
    }



div.home_icon {
    cursor: pointer;
    margin: 0px 0 20px 0px;
    background-color: #001e33;
    height: 23px;
    text-align: center;
    padding-top: 8px;
}

    div.home_icon img {
        width: 120px;
    }

div.error_placeholder {
    background-color: #001e33;
}

div.error_icon {
    margin: 0 auto;
    text-align: center;
}

div.error_text {
    color: #fff;
    font-family: Myriad, Arial;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    text-align: center;
}

div.error_icon img {
    width: 60px;
    margin: 30px 0;
}

.text-align_center {
    text-align: center;
}

.margin-center {
    margin: 0 auto;
}

.margin10 {
    margin: 10px;
}

.margin5 {
    margin: 5px;
}

div.infotext {
    color: #000;
    font-family: Myriad, Arial;
    font-size: 16px;
    font-weight: 100;
    font-style: normal;
    line-height: 145%;
    text-align: left;
    margin: 20px 0 20px 0;
}

p.infotext_small {
    color: #000;
    font-family: Myriad, Arial;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    line-height: 130%;
    text-align: left;
    margin: 6px 0 6px 0;
}

/*----------- ACTUAL BOX ---------*/
div.actual-box-placeholder {
    /*margin:0 auto;*/
    /*margin:10px 0px 10px 0px;*/
    min-height: 140px;
    width: 47%;
}

div.actual-box_icon-placeholder {
    text-align: center;
}

    div.actual-box_icon-placeholder img {
        width: 80px;
    }

img.country {
    width: 80px !important;
}

h3.box-actual {
    COLOR: #575756;
    font-family: Myriad, Arial;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    margin: 7px;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center;
}

h3.box-actuallight {
    COLOR: #575756;
    font-family: Myriad, Arial;
    font-size: 22px;
    font-weight: 100;
    font-style: normal;
    margin: 14px 0 5px 0;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center;
}
/*----------- END OF ACTUAL BOX ---------*/


div.button_inactive {
    display: inline-block;
    background-color: #c9c9c9;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
}



div.actual_data_placeholder {
    margin: 10px 0;
    padding: 10px;
    overflow: hidden;
}

div.button_label_placeholder {
    float: left;
    cursor: pointer;
    margin: 5px 0;
    width: 100%;
}

div.button_label {
    cursor: pointer;
}

div.button_label_text {
    color: #fff;
    font-family: Myriad, Arial;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    padding: 12px 12px 0px 44px;
    height: 26px;
    background-size: 38px;
    background-repeat: no-repeat;
}

div.button_label_text_noicon {
    color: #fff;
    font-family: Myriad, Arial;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    padding: 12px 12px 0px 12px;
    height: 26px;
    float: left;
}

div.button_label_right_arrow {
    float: left;
    background-size: 38px;
    background-repeat: no-repeat;
    background-image: url(images/icon_arrow_right_white.svg);
    width: 38px;
    height: 38px;
}




div.input-placeholder_buycredits {
    margin: 3px 0px 3px 0px;
    float: left;
    width: 60px;
    height: 29px;
}


div.label_buycredits {
    margin: 3px 0px 3px 10px;
    float: left;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 8px 7px 5px 7px;
    text-transform: uppercase;
    background-color: #4bbfb0;
}

div.summary_buycredits {
    color: #000;
    font-family: Myriad, Arial;
    font-size: 24px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: left;
}

h2.buycredits {
    color: #000;
    font-family: Myriad, Arial;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    padding: 0px 5px 0px 5px;
    text-align: center;
    margin: 0px 0 15px 0;
}

div.button_buycredits {
    color: #fff;
    font-family: Myriad, Arial;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    padding: 12px 12px 0px 12px;
    height: 26px;
    float: left;
}

h2 {
    color: #000;
    font-family: Myriad, Arial;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    padding: 5px 5px 0px 5px;
    text-align: center;
    margin: 0px 0 15px 0;
}



div.history-row_placeholder {
    border-bottom: 1px dotted #7b8e9d;
    overflow: hidden;
    margin: 0px 0 10px 0;
    padding-bottom: 5px
}


div.history_date {
    float: left;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: left;
}


div.history_credits {
    float: right;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    text-align: right;
}

div.history_credit_arrow {
    float: right;
    background-size: 15px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    padding-right: 5px;
    background-position: 0px 1px;
}

.plus-buy {
    background-image: url(images/icon_arrow_up_darkgreen.svg);
}


.plus-add {
    background-image: url(images/icon_arrow_up_green.svg);
}


.minus {
    background-image: url(images/icon_arrow_up_red.svg);
}



div.addcontact-icon {
    float: left;
    cursor: pointer;
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border: 1px solid #005BA6;
    width: 35px;
    height: 30px;
    background-image: url(images/icon_addcontact.svg);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
}



div.addcontact-button {
    float: left;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

/*----END OF NEW MOBILE ITEMS-----*/









div.abc-back {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

div.abc-letter {
    float: left;
    cursor: pointer;
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 6px 0px 3px 0px;
    border: 1px solid #005BA6;
    width: 35px;
}

div.abc-button {
    float: right;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
}

div.abc-letters {
    margin: 20px;
    overflow: hidden;
    text-align: center;
}

div.abc-letter_group {
    float: left;
    cursor: pointer;
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 6px 0px 3px 0px;
    border: 1px solid #005BA6;
    width: 35px;
    margin: 7px;
    min-height: 21px;
}


div.view-download-placeholder {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

div.view-icon {
    float: left;
    cursor: pointer;
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border: 1px solid #005BA6;
    width: 35px;
    height: 30px;
    background-image: url(images/icon_view.svg);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
}



div.view-button {
    float: left;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

div.download-icon {
    float: left;
    cursor: pointer;
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border: 1px solid #005BA6;
    width: 35px;
    height: 30px;
    background-image: url(images/icon_download_blue.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
}

div.download-button {
    float: left;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}


div.download-contact-desktop_placeholder {
    overflow: hidden;
    text-align: left;
    padding: 5px 5px 0px 5px;
    margin: 5px 0 5px 0px;
    line-height: 135%;
}




#bg1 {
    position: fixed;
    top: 0;
    left: 0;
}


#background1 {
    position: fixed;
    top: 0;
    left: 0;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}




a {
    border: none;
}

img a {
    border: none;
}


.button {
    cursor: pointer;
}

h1 {
    color: #005BA6;
    font-family: MyriadCn, Arial;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    border-bottom: 1px dotted #005BA6;
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px 0 0 0;
    letter-spacing: 1px;
}

h4 {
    color: #6d6e6e;
    font-family: MyriadCn, Arial;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 5px 0;
}

div.table-placeholder {
    overflow-x: scroll;
}

.box-bg-orange {
    background-color: #F39000 !important;
}

.box-bg-blue {
    background-color: #5fc3f7 !important;
}

.box-bg-green {
    background-color: #17cb7d !important;
}

.box-bg-lightgrey {
    background-color: #e3eff9 !important;
}

.box-bg-turquoise {
    background-color: #4bbfb0 !important;
}

.box-bg-purple {
    background-color: #854ea5 !important;
}

.box-bg-red {
    background-color: #ee4e4e !important;
}

.box-bg-yellowgreen {
    background-color: #b6c269 !important;
}

.box-bg-darkblue {
    background-color: #001e33 !important;
}

.box-bg-white {
    background-color: #fff !important;
}

.box-bg-grey {
    background-color: #555555 !important;
}



.orange {
    color: #F39000 !important;
}

.white {
    color: #fff !important;
}

.green {
    color: #17cb7d !important;
}

.border-orange {
    border: 1px dotted #F39000;
}

.border-blue {
    border: 1px dotted #5fc3f7;
}

.border-grey {
    border: 1px dotted #555555;
}

.border-green {
    border: 1px dotted #17cb7d;
}

.border-lightgrey {
    border: 1px dotted #e3eff9;
}

.border-turquoise {
    border: 1px dotted #4bbfb0;
}

.border-purple {
    border: 1px dotted #854ea5;
}

.border-red {
    border: 1px dotted #ee4e4e;
}

.border-yellowgreen {
    border: 1px dotted #b6c269;
}

.border-darkblue {
    border: 1px dotted #001e33;
}

.lightgrey {
    color: #e3eff9 !important;
}

.yellowgreen {
    color: #b6c269 !important;
}

.purple {
    color: #854ea5 !important;
}

.red {
    color: #ee4e4e !important;
}


.turquoise {
    color: #e3eff9 !important;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-right20 {
    margin-right: 20px;
}

.margin-bottom35 {
    margin-bottom: 35px;
}

.margin-top35 {
    margin-top: 35px;
}

.margin-left35 {
    margin-left: 35px;
}

.margin-right35 {
    margin-right: 35px;
}

.padding-bottom20 {
    padding-bottom: 20px;
}

.padding-top20 {
    padding-top: 20px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-right20 {
    padding-right: 20px;
}

.padding-top3 {
    padding-top: 3px;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

.middle {
    vertical-align: middle;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

div.main {
    width: 100%;
    padding-bottom: 50px;
}

.float-placeholder {
    overflow: hidden;
}














div.wrapper {
    margin: 0 auto;
    padding: 0px;
}

div.logo {
    margin: 0 auto;
    margin-top: 20px;
    width: 250px;
}

    div.logo img {
        width: 250px;
    }

/*----------- BOX ---------*/
div.box-placeholder {
    width: 99%;
    margin: 0 auto;
    margin: 10px 0px 10px 0px;
    float: none;
    min-height: 150px;
}

.big_number {
    color: #fff;
    font-family: Myriad, Arial;
    font-size: 80px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    margin: 0px;
}

h3.box {
    COLOR: #575756;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    margin: 7px;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center
}

div.figure-placeholder {
    padding-bottom: 15px;
    text-align: center;
}

/*----------- END OF BOX ---------*/


/*----------- DEMAND BOX ---------*/
div.demand-box-placeholder {
    margin: 0 auto;
    margin: 10px 0px 10px 0px;
    float: none;
    min-height: 140px;
}

div.demand-box_icon-placeholder {
    text-align: center;
}

    div.demand-box_icon-placeholder img {
        width: 60px;
    }

img.country {
    width: 80px !important;
}

h3.box-demand {
    COLOR: #575756;
    font-family: MyriadCn, Arial;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    margin: 7px;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center;
}

h3.box-demandlight {
    COLOR: #575756;
    font-family: Myriad, Arial;
    font-size: 22px;
    font-weight: 100;
    font-style: normal;
    margin: 14px 0 5px 0;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center;
}
/*----------- END OF DEMAND BOX ---------*/


/*----------- PACKAGE ---------*/
div.package-placeholder {
    float: none;
    margin: 0 auto;
    margin: 10px 0 10px 0;
    padding: 7px;
    width: 99%;
}

h3.package {
    COLOR: #005BA6;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    margin: 0 0 7px 0;
    overflow: hidden;
}

div.exp_date {
    COLOR: #575756;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 135%;
}

div.exp_left {
    COLOR: #575756;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 135%;
    margin-top: 7px;
}

div.description {
    COLOR: #575756;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 135%;
    margin-top: 15px;
    margin-bottom: 15px;
}

div.csik_placeholder {
    width: 95%;
    height: 6px;
    text-align: left;
    background-image: url(images/bg_csik.png);
    margin-top: 3px;
}

div.csik1 {
    height: 6px;
    background-color: #40c1ba;
    margin: 0 0 25px 0;
}

div.button {
    display: inline-block;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
}

    div.button span {
        color: #fff;
        font-family: Myriad, Arial !important;
        font-size: 14px;
        font-weight: 100;
        font-style: normal;
        line-height: 120%;
        text-align: center;
        padding: 0px 0px 0px 2px;
        text-transform: uppercase;
    }

/*----------- END OF PACKAGE ---------*/



/*------FILTER-----*/
div.filter-box-placeholder {
    padding: 7px;
    /*margin-bottom:10px;*/
}

div.input-placeholder {
    margin: 5px 2px 0px 0px;
    float: none;
}

div.select-placeholder {
    margin: 5px 2px 0px 0px;
    float: none;
}

div.clear-button {
    margin: 15px 0px 0px 0px;
    float: none;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    background-color: #ff4e00;
    display: inline-block;
    cursor: pointer;
}



div.clearall-button {
    margin: 0px 0px 0px 0px;
    display: inline-block;
    float: right;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    background-color: #ff4e00;
    cursor: pointer;
}

h2.filter {
    color: #005BA6;
    font-family: MyriadCn, Arial;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    padding: 5px 5px 0px 5px;
    text-align: left;
    margin: 5px 0 5px 0;
}

h3.filter {
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 24px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    margin: 5px 0 0px 0;
}
/*------END OF FILTER-----*/




/*------REPORT-----*/
div.report-box-placeholder {
    padding: 7px;
    margin-bottom: 25px;
    background-color: #e3eff9;
}

h2.report {
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 31px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    margin: 5px 0 13px 0;
}

div.company_data {
    color: #454646;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    padding: 5px 5px 0px 5px;
    margin: 5px 0 5px 0px;
    line-height: 135%;
}

span.end-product {
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 22px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    padding: 5px 5px 0px 0px;
    margin: 5px 0 0px 0px;
    line-height: 115%;
    display: block;
}

a.report {
    color: #1b87bf;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


    a.report:hover {
        color: #014c73;
        font-family: Arial;
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

    a.report:visited {
        color: #014c73;
        font-family: Arial;
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }

h2.report-contact {
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 31px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    margin: 5px 0 5px 0;
}

div.box-contact {
    padding: 7px;
    width: 100%;
    margin: 10px 0px 0px 0;
    float: none;
    background-color: #9fe2ce;
}

    div.box-contact:nth-of-type(2) {
        margin: 10px 0px 10px 0;
    }

div.box-resin {
    padding: 7px;
    width: 100%;
    margin: 10px 0px 0px 0;
    float: none;
    background-color: #f8c335;
}

    div.box-resin:nth-of-type(2) {
        margin: 10px 0px 10px 0;
    }

div.resin-name {
    color: #454646;
    font-family: MyriadCn, Arial;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    padding: 5px 5px 0px 5px;
    margin: 5px 0 5px 0px;
    line-height: 135%;
}

/*------END OF REPORT-----*/

h2.addcompany {
    color: #005BA6;
    font-family: MyriadCn, Arial;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    padding: 5px 5px 0px 5px;
    text-align: left;
    margin: 5px 0 5px 0;
}

h3.addcompany {
    color: #005BA6;
    font-family: Myriad, Arial;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    margin: 5px 0 0px 0;
}

input.button {
    display: inline-block;
    background-color: #005BA6;
    color: #fff;
    font-family: MyriadCn, Arial;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: center;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
}