@font-face {
    font-family: 'TitilliumText25L400wt';
    src: url('/bundles/adfinancefrontend/fonts/titilliumtext25l003.eot');
    src: url('/bundles/adfinancefrontend/fonts/titilliumtext25l003.eot') format('embedded-opentype'),
    url('/bundles/adfinancefrontend/fonts/titilliumtext25l003.woff') format('woff'),
    url('/bundles/adfinancefrontend/fonts/titilliumtext25l003.ttf') format('truetype'),
    url('/bundles/adfinancefrontend/fonts/titilliumtext25l003.svg#TitilliumText25L400wt') format('svg');
}

@font-face {
    font-family: 'TitilliumText25L400wtBold';
    src: url('/bundles/adfinancefrontend/fonts/TitilliumText25L400wtBold.eot');
    src: url('/bundles/adfinancefrontend/fonts/TitilliumText25L400wtBold.eot') format('embedded-opentype'),
    url('/bundles/adfinancefrontend/fonts/TitilliumText25L400wtBold.woff') format('woff'),
    url('/bundles/adfinancefrontend/fonts/TitilliumText25L400wtBold.ttf') format('truetype'),
    url('/bundles/adfinancefrontend/fonts/TitilliumText25L400wtBold.svg#TitilliumText25L400wtBold') format('svg');
}

@font-face {
    font-family: 'CalibriBold';
    src: url('/bundles/adfinancefrontend/fonts/calibrib.eot');
    src: url('/bundles/adfinancefrontend/fonts/calibrib.eot') format('embedded-opentype'), url('/bundles/adfinancefrontend/fonts/calibrib.woff') format('woff'), url('/bundles/adfinancefrontend/fonts/calibrib.ttf') format('truetype'), url('/bundles/adfinancefrontend/fonts/calibrib.svg#CalibriBold') format('svg');
}

@font-face {
    font-family: 'CalibriRegular';
    src: url('/bundles/adfinancefrontend/fonts/calibri.eot');
    src: url('/bundles/adfinancefrontend/fonts/calibri.eot') format('embedded-opentype'), url('/bundles/adfinancefrontend/fonts/calibri.woff') format('woff'), url('/bundles/adfinancefrontend/fonts/calibri.ttf') format('truetype'), url('/bundles/adfinancefrontend/fonts/calibri.svg#CalibriRegular') format('svg');
}

@font-face {
    font-family: 'Impact';
    src: url('/bundles/adfinancefrontend/fonts/impact/impact.eot');
    src: url('/bundles/adfinancefrontend/fonts/impact/impact.eot') format('embedded-opentype'), url('/bundles/adfinancefrontend/fonts/impact/impact.woff') format('woff'), url('/bundles/adfinancefrontend/fonts/impact/impact.ttf') format('truetype'), url('/bundles/adfinancefrontend/fonts/impact/impact.svg#Impact') format('svg');
}

@font-face {
    font-family: 'icomoon';
    src:  url('/bundles/adfinancefrontend/fonts/ico/icomoon.eot?1ku3dm');
    src:  url('/bundles/adfinancefrontend/fonts/ico/icomoon.eot?1ku3dm#iefix') format('embedded-opentype'),
    url('/bundles/adfinancefrontend/fonts/ico/icomoon.ttf?1ku3dm') format('truetype'),
    url('/bundles/adfinancefrontend/fonts/ico/icomoon.woff?1ku3dm') format('woff'),
    url('/bundles/adfinancefrontend/fonts/ico/icomoon.svg?1ku3dm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-points2:before {
    content: "\e902";
}
.icon-phone-big:before {
    content: "\e903";
}
.icon-phone:before {
    content: "\e904";
}
.icon-mail-envelope:before {
    content: "\e905";
}
.icon-bubble:before {
    content: "\e906";
}
.icon-file:before {
    content: "\e907";
}
.icon-house:before {
    content: "\e908";
}
.icon-idea:before {
    content: "\e909";
}
.icon-list:before {
    content: "\e90a";
}
.icon-points:before {
    content: "\e90b";
}
.icon-check-circle:before {
    content: "\e90c";
}
.icon-cross:before {
    content: "\e90d";
}
.icon-checkmark:before {
    content: "\e90e";
}
.icon-play3:before {
    content: "\e90f";
}
.icon-arrow-left:before {
    content: "\e910";
}
.icon-arrow-right:before {
    content: "\e911";
}
.icon-arrow-up:before {
    content: "\e912";
}
.icon-arrow-down:before {
    content: "\e913";
}
.icon-small-arrow-l:before {
    content: "\e914";
}
.icon-small-arrow-up:before {
    content: "\e915";
}
.icon-small-arrow-d:before {
    content: "\e916";
}
.icon-play-arrow:before {
    content: "\e917";
}
.icon-star-full:before {
    content: "\e900";
}
.icon-star-empty:before {
    content: "\e901";
}
.icon-info:before {
    content: "\e918";
}
.icon-office-block:before {
    content: "\e919";
}
.icon-open-book:before {
    content: "\e91a";
}
.icon-list2:before {
    content: "\e91b";
}
.icon-calculator:before {
    content: "\e91c";
}
.icon-placeholder:before {
    content: "\e91d";
}
.icon-newspaper:before {
    content: "\e91e";
}

/************************************************************/
/************************** GLOBAL **************************************************************************************/
.page-nav-trigger,
.page-nav-trigger-label {
    display: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: url("/bundles/adfinancefrontend/images/bg/content-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #979797;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

ul.list {
    list-style: disc;
    margin-left: 35px;
    margin-top: 10px;
    margin-bottom: 20px;
}
ul.list li {
    margin-top: 7px;
    margin-bottom: 16px;
    font-size: 1.4em;
    color: #4C4C4C;
}

p {
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: justify;
}

p.right {
    text-align: right;
}

p.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

a {
    text-decoration: underline;
    font-family: Arial, sans-serif;
    font-size: 12px;
    -moz-outline-style: none;
    outline: 0;
    color: #0452a7;
}

#content-bg .block a {
    font-size: 14px;
}

a:hover, a:focus {
    text-decoration: underline;
}

a:focus {
    -moz-outline-style: none;
}

#content-bg .block ul,
#content-bg .block ol {
    margin: 5px 0 10px 15px;
}

#content-bg .block ul li, #content-bg .block ol li {
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    list-style: initial;
}

#content-bg .block ul li {
    list-style-type: disc;
}

#content-bg .block ol li {
    list-style-type: decimal;
}

.space {
    margin-top: 10px;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

input, textarea {
    font-family: "Tahoma", Trebuchet MS, Verdana, Arial, lucida, sans-serif;
}

input[type="text"] {
    margin: 7px 0 5px 0;
    padding: 8px;
    max-width: 221px;
    width: 100%;
    background-color: #fff;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-inputs.png);
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #a3b7b8;
    background-position: top;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

img.left {
    float: left;
    margin-right: 20px;
    border: 1px solid #697a87;
}

img.right {
    float: right;
    margin-left: 20px;
    border: 1px solid #697a87;
}

.cleaner {
    clear: both;
    display: block;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
}

kbd {
    padding: 0 2px;
    background: #EFEFEF;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
    border-right: 2px solid #c0c0c0;
    -moz-border-radius: 4px;
}

/************************************************************/
/************************** MAIN ****************************************************************************************/
#main {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}

body > #main {
    height: auto;
    background: url("/bundles/adfinancefrontend/images/bg/content-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
}

/************************************************************/
/************************** CONTAINER ***********************************************************************************/
.container.entire-width, .container.hp, .container.calculator {
    width: 100%;
    max-width: 1000px;
}

.container {
    display: inline-block;
    float: left;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    width: 70%;
}

@media screen and (max-width: 999px) {
    .container {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

.container.entire-width .content {
    max-width: 1000px;
    padding: 0;
    margin: 0;
}

/************************************************************/
/************************** HEADER ***********************************************************************************/
#header-bg {
    width: 100%;
    height: 150px;
}

#header {
    height: 150px;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
    position: relative;
    width: 100%;
    z-index: 40;
}

#header div#logo {
    position: absolute;
    z-index: 100;
    top: 35px;
    left: 10px;
}

#header div#logo a img {
    display: block;
    width: 250px;
    margin: 0 auto;
}

#header div#logo a {

    color: #333;
    text-decoration: none;
    text-align: center;
    display: block;
}

#header div#logo a span {
    display: block;
    text-align: center;
    font-size: 48px;
    color: #5c5c5c;
    font-weight: lighter;
    margin-top: 5px;
}

#header div#logo a span span {
    color: #aeaeae;
    display: inline;
}

#header div#logo a img.logo_text {
    position: relative;
    top: 15px;
}

.menu-wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#menu {
    border-bottom: 1px solid #D4D6D6;
    height: 47px;
    right: 15px;
    padding: 0 18px;
    position: absolute;
    top: 60px;
    z-index: 50;
}

#menu li {
    float: left;
    height: 45px;
    margin-right: 23px;
}

#menu li:last-child {
    margin-right: 0;
}

#menu li.last-item {
    margin: 0;
}

#menu li.active a, #menu li:hover a, #menu li:focus a {
    border-bottom: 3px solid #17bccc;
    color: #17bccc;
}

#menu li a {
    display: block;
    height: 45px;
    line-height: 20px;
    font-family: 'CalibriBold';
    font-size: 19px;
    color: #5c5c5c;
    text-decoration: none;
}

#menu li a.home, #menu-sti li a.home {
    width: 17px;
    height: 45px;
    overflow: hidden;
}

a.home img {
    position: relative;
    left: -17px;
}

a.home:hover img, a.home:focus img, li.active a.home img {
    position: relative;
    left: 0px;
}

#menu li div.submenu {
    background: url("/bundles/adfinancefrontend/images/bg/content-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 41px;
    width: 200px;
    display: none;
}
#menu li div.submenu li {
    float: none;
    height: auto;
    font-family: 'CalibriRegular';
    font-size: 15px;
    color: #17bccc;
}
#menu li div.submenu li a {
    background: url("/bundles/adfinancefrontend/images/bg/content-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    border-bottom: 0 none;
    color: #17BCCC;
    display: block;
    font-family: 'CalibriRegular';
    font-size: 15px;
    height: auto;
    padding: 5px 18px 5px 18px;
}

#menu li div.submenu li a:hover, #menu li div.submenu li a:focus {
    color: #086871;
    text-decoration: underline;
}

#header img.pre {
    position: absolute;
    right: -100px;
    top: 0;
}

#menu li.bef-penultimate-item div.submenu,
#menu li.penultimate-item div.submenu,
#menu li.last-item div.submenu {
    width: 45% !important;
    right: 0 !important;
    left: inherit;
    float: right;
}

#menu li.bef-penultimate-item div.submenu ul li,
#menu li.penultimate-item div.submenu ul li,
#menu li.last-item div.submenu ul li {
    float: right;
}

/************************************************************/
/************************** CONTENT ***********************************************************************************/
#content-bg {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
    width: 100%;
}

.rideside {
    display: none;
    float: left;
    max-width: 300px;
    width: 29%;
    margin-top: 50px;
}

.rideside.pad-top {
    padding-top: 69px;
}

.content {
    display: inline-block;
    float: left;
    margin-right: 20px;
    max-width: 673px;
    padding: 0 7px;
    width: 100%;
    padding-top: 50px;
}

@media screen and (max-width: 999px) {
    #content-bg {
        min-width: 100%;
    }

    .content {
        max-width: 100%;
        box-sizing: border-box;
        padding: 30px 15px 0;
        margin: 0;
    }
}

@media screen and (min-width: 1000px) {
    .rideside {
        display: inline-block;
    }
}

/*LIST MAIN ARTICLE*/
@media screen and (max-width: 999px) {
    .list-main-article h2, .other-list-article h2,
    .list-main-article img, .other-list-article img {
        min-width: auto;
        max-width: 100%;
        width: 100% !important;
    }

    .list-main-article-image {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
    }

    .list-main-article-image div:not(.ribbon-article):not(.image-title),
    .list-main-article-image div:not(.ribbon-article):not(.image-title) img {
        margin: 0 0 10px !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: 320px !important;
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
    }

    .other-list-article-content {
        margin-top: 15px;
        display: inline-block;
    }
}

.list-main-article .more-info .action-icon {
    margin-left: 5px;
}

div.list-main-article h1, div.list-main-article h1 a {
    font-size: 32px;
}

div.list-main-article.serial-insturction-hp div.title {
    min-height: 50px !important;
}

div.list-main-article {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

div.list-main-article div.title {
    display: inline-block;
    width: 100%;
    min-height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

div.list-main-article div.title div.more-info {
    display: inline-block;
    float: right;
    position: relative;
}

div.more-info span.action-icon {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_action-elements.png);
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    padding: 0;
    left: 83px;
}

div.list-main-article div.title div.more-info a {
    color: #34AF2A;
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
}

div.list-main-article div.title div.more-info a:hover, div.list-main-article div.title div.more-info a:focus {
    text-decoration: underline;
}

div.other-list-article-content div.more-info, div.other-article div.more-info {
    display: inline-block;
    float: right;
    position: relative;
}

div.more-info span.action-icon {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_action-elements.png);
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
}

div.other-list-article-content div.more-info a, div.other-article div.more-info a {
    font-size: 12px;
    color: #34AF2A;
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;;
}

div.other-article div.more-info a {
    font-size: 13px;
}

div.other-article a:hover {
    text-decoration: underline;
}

div.other-list-article-content div.more-info a:hover, div.other-list-article-content div.more-info a:focus, div.other-article div.more-info a:hover {
    text-decoration: underline;
}

div.lead p {
    color: #6A6A6A;
    font-family: arial;
    font-size: 1.4em;
    font-weight: bold;
    text-align: justify;
    padding: 0.6em 0 0.6em 0;
}

div.list-main-article div.list-main-article-image {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    max-height: 440px;
    position: relative;
    border-radius: 4px;
}

div.list-main-article div.list-main-article-image p {
    margin: 0;
    padding: 10px 15px;
    color: #ffffff;
}

div.list-main-article-image div.image-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

div.list-main-article-image a > img {
    max-width: 690px;
}

div.list-main-article-image div.ribbon-article {
    background-image: url("/bundles/adfinancefrontend/images/bg/ribbons-article.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    padding: 13px 20px 18px;
    display: block;
    top: -3px;
    left: 10px;
}

div.detail-main-article-image div.ribbon-article a > img {
    width: auto;
}

div.other-list-article div.list-main-article-image div.ribbon-article.green,
div.other-list-article div.list-main-article-image div.ribbon-article.zelena {
    background-position: 0 0;
}

div.other-list-article div.list-main-article-image div.ribbon-article.red,
div.other-list-article div.list-main-article-image div.ribbon-article.cervena {
    background-position: -88px 0;
}

div.other-list-article div.list-main-article-image div.div.ribbon-article.blue,
div.other-list-article div.list-main-article-image div.div.ribbon-article.modra {
    background-position: -132px 0;
}

div.other-list-article div.list-main-article-image div.ribbon-article.yellow,
div.other-list-article div.list-main-article-image div.ribbon-article.zluta {
    background-position: -176px 0;
}

div.other-list-article div.list-main-article-image div.ribbon-article.purple,
div.other-list-article div.list-main-article-image div.ribbon-article.fialova {
    background-position: -44px 0;
}

div.other-list-article div.list-main-article-image div.ribbon-article.gray,
div.other-list-article div.list-main-article-image div.ribbon-article.svetlemodra {
    background-position: -220px 0;
}

div.list-main-article-image div.ribbon-article.green,
div.list-main-article-image div.ribbon-article.zelena {
    background-position: 0 0;
}

div.list-main-article-image div.ribbon-article.red,
div.list-main-article-image div.ribbon-article.cervena {
    background-position: -120px 0;
}

div.list-main-article-image div.ribbon-article.ruda {
    background-position: -200px 0;
}

div.list-main-article-image div.ribbon-article.brcalova {
    background-position: -200px 0;
}

div.list-main-article-image div.ribbon-article.blue,
div.list-main-article-image div.ribbon-article.modra {
    background-position: -180px 0;
}

div.other-list-article div.ribbon-article.blue,
div.other-list-article div.ribbon-article.modra {
    background-position: -220px 0;
}

div.list-main-article-image div.ribbon-article.yellow,
div.list-main-article-image div.ribbon-article.zluta {
    background-position: -240px 0;
}

div.list-main-article-image div.ribbon-article.purple,
div.list-main-article-image div.ribbon-article.fialova {
    background-position: -60px 0;
}

div.list-main-article-image div.ribbon-article.gray,
div.list-main-article-image div.ribbon-article.svetlemodra {
    background-position: -300px 0;
}

div.list-main-article-image div.ribbon-article.ruda {
    background-position: -264px 0;
}

div.list-main-article-image div.ribbon-article.brcalova {
    background-position: -308px 0;
}

/*detail MAIN ARTICLE*/
div.detail-main-article {
    margin-bottom: 20px;
}

div.detail-main-article div.title {
    display: inline-block;
    width: 100%;
    min-height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

div.detail-main-article div.title div.more-info {
    display: inline-block;
    float: right;
    position: relative;
}

div.detail-main-article div.title div.more-info a {
    color: #34AF2A;
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
}

div.detail-main-article div.title div.more-info a:hover, div.detail-main-article div.title div.more-info a:focus {
    text-decoration: underline;
}

div.other-detail-article-content div.more-info {
    display: inline-block;
    float: right;
    position: relative;
}

div.other-detail-article-content div.more-info a {
    color: #34AF2A;
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
}

div.other-detail-article-content div.more-info a:hover, div.other-detail-article-content div.more-info a:focus {
    text-decoration: underline;
}

div.detail-main-article div.detail-main-article-image {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    max-height: 440px;
    position: relative;
    border-radius: 4px;
}

div.detail-main-article div.detail-main-article-image p {
    margin: 0;
    padding: 10px 15px;
    color: #ffffff;
}

div.detail-main-article-image div.image-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

div.detail-main-article-image a > img {
    max-width: 690px;
}

div.detail-main-article-image div.ribbon-article {
    background-image: url("/bundles/adfinancefrontend/images/bg/ribbons-article.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    padding: 13px 20px 18px;
    display: block;
    top: -3px;
    left: 10px;
}

div.detail-main-article-image div.ribbon-article a > img {
    width: auto;
}

div.detail-main-article-image div.ribbon-article.green,
div.detail-main-article-image div.ribbon-article.zelen {
    background-position: 0 0;
}

div.detail-main-article-image div.ribbon-article.wine,
div.detail-main-article-image div.ribbon-article.red,
div.detail-main-article-image div.ribbon-article.cervena {
    background-position: -120px 0;
}

div.detail-main-article-image div.ribbon-article.blue,
div.detail-main-article-image div.ribbon-article.modra {
    background-position: -300px 0;
}

div.detail-main-article-image div.ribbon-article.yellow,
div.detail-main-article-image div.ribbon-article.zluta {
    background-position: -240px 0;
}

div.detail-main-article-image div.ribbon-article.purple,
div.detail-main-article-image div.ribbon-article.fialova {
    background-position: -60px 0;
}

div.detail-main-article-image div.ribbon-article.gray,
div.detail-main-article-image div.ribbon-article.svetlemodra {
    background-position: -180px 0;
}

div.detail-main-article-image div.ribbon-article.ruda {
    background-position: -360px 0;
}

div.detail-main-article-image div.ribbon-article.brcalova {
    background-position: -420px 0;
}

div.content-article p {
    color: #4c4c4c;
    font-size: 14px;
    text-align: justify;
    line-height: 2.0em;
    margin-bottom: 1em;
}

div.content-article div.inside-image {
    float: right;
    max-width: 290px;
    overflow: hidden;
    height: 290px;
    border-radius: 5px;
    margin: 0 0 30px 30px;
    position: relative;
}

div.inside-image a span {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    color: #fff;
    margin: 0;
    padding: 3% 5%;
    width: 90%;
    font-size: 11px;
    display: block;
}

div.content-article div.internal-banner {
    border: 1px solid #ddd;
    overflow: hidden;
    max-height: 103px;
    margin-bottom: 20px;
}

div.internal-banner a {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.box-calc,
.box-info {
    background: #ffffff url("/bundles/adfinancefrontend/images/icons/box-calc.jpg") bottom left no-repeat;
    border: 2px solid #e3e3e3;
    color: #333333;
    display: table;
    margin: 20px 0;
    min-height: 50px;
    padding: 20px;
}
.box-calc span,
.box-info span {
    display: table-cell;
    font-size: 24px;
    line-height: 30px;
    padding: 0 20px 0 100px;
    vertical-align: middle;
}
.box-calc a,
.box-info a {
    background: #33af29;
    box-shadow: #cccccc 1px 2px 5px;
    color: #ffffff;
    display: table-cell;
    font-size: 20px !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #666666;
    vertical-align: middle;
    white-space: nowrap;
}
.box-calc a:hover,
.box-info a:hover {
    background: #199919;
}
.box-info {
    background-image: none;
    border-radius: 5px;
    border-width: 1px;
    padding: 0;
    width: 100%;
}
.box-info:before {
    background: #86cf80 10px 8px no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE2LjI0NyA0LjczM2MwIDEuNjg0IDEuMjcxIDIuODI1IDIuODQgMi44MjVzMi44NDItMS4xNDIgMi44NDItMi44MjVjMC0xLjY4NS0xLjI3Mi0yLjgyNi0yLjg0Mi0yLjgyNi0xLjU2OCAwLTIuODQgMS4xNDEtMi44NCAyLjgyNnpNMTAuMDk2IDE0LjM3NWMwIDAuMzM0LTAuMDYxIDEuMTYzIDAuMDA4IDEuNjYybDIuNDc5LTIuOTgzYzAuNTEzLTAuNTYyIDEuMTA2LTAuOTU1IDEuNDA5LTAuODQ5czAuNDcgMC40NjMgMC4zNzEgMC43OTVsLTQuMTAzIDEzLjU5Yy0wLjQ3MyAxLjU4OCAwLjQyMSAzLjE0OCAyLjU5OSAzLjUwNCAzLjE4OSAwIDUuMDg0LTIuMTU4IDYuOTQ4LTQuOTU1IDAtMC4zMzQgMC4xMTEtMS4yMTMgMC4wNDQtMS43MTNsLTIuNDc5IDIuOTgyYy0wLjUxNCAwLjU2Mi0xLjE1MSAwLjk1NS0xLjQ1NSAwLjg1LTAuMjgtMC4wOTgtMC40NDQtMC40MS0wLjM4OS0wLjcyMWw0LjEzMi0xMy42NTNjMC4zNDQtMS43MzQtMC41OS0zLjMxMi0yLjU2NC0zLjUxNC0yLjA3NiAwLjAwMS01LjEzNiAyLjIwOS03IDUuMDA1eiI+PC9wYXRoPjwvc3ZnPg==");
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: "";
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}
.box-info span {
    font-size: 16px;
    line-height: 20px;
    padding: 0 20px;
}
.box-info a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px !important;
}
.box-text {
    background: #f7f7f7;
    border-left: 2px solid #cccccc;
    margin: 20px 0;
    padding: 20px 30px 5px 30px;
}
.box-text blockquote {
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.box-text p {
    margin-top: 10px;
}

div.info-box {
    display: block;
    float: left;
    width: 210px;
    height: auto;
    margin: 12px 20px 10px 0;
    background: #fff5ce;
    border: 1px solid #f9e181;
}

div.info-box div {
    padding: 20px;
}

div.info-box div span.title {
    padding: 0px 0 10px 0;
    margin: 0;
    font-size: 18px;
    color: #bd790d;
    text-align: left;
    font-weight: bold;
    display: block;
}

div.info-box div p {
    padding: 0px;
    margin: 0;
    font-size: 12px;
    color: #000;
    text-align: left;
}

div.promo-banner {
    background: #fff5ce;
    border: 1px solid #f9e181;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

div.promo-banner > div {
    padding: 40px 20px;
    min-height: inherit;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

div.article-bottom-icons div.categories {
    width: 46%;
    display: inline-block;
    float: left;
}

div.socials {
    width: 365px;
    display: inline-block;
    float: left;
}

div.article-bottom-icons div.categories div.item {
    display: inline-block;
    float: left;
    width: 55px;
    height: 63px;
    position: relative;
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-categories-and-socials-icons-article.png");
    background-repeat: no-repeat;
    margin: 5px 5px 5px 0;
}

div.socials div.item {
    display: inline-block;
    float: left;
    width: 55px;
    height: 63px;
    position: relative;
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-categories-and-socials-icons-article.png");
    background-repeat: no-repeat;
    margin: 5px 0 5px 5px;
}

div.article-bottom-icons div.categories div.item a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 15px 18px 12px;
}

div.socials div.item a {
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 11px 15px 12px;
}

div.article-bottom-icons > div {
    padding: 20px 0;
}

div.article-bottom-icons {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

div.content-article li {
    font-size: 14px;
    line-height: 29px;
    list-style-type: circle;
    display: block;
    margin: 0 0 0 -5px;
    padding-left: 15px;
    background-image: url("/bundles/adfinancefrontend/images/icons/arrow-li.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 11px;
    color: #4c4c4c;
}

div.content-article ul {
    display: block;
    margin: 0 0 10px 5px;
}

/*article bottom category icons*/
div.article-bottom-icons div.item.category.one {
    background-position: 0 0;
}

div.article-bottom-icons div.item.category.second {
    background-position: -60px 0;
}

div.article-bottom-icons div.item.category.three {
    background-position: -120px 0;
}

div.article-bottom-icons div.item.category.four {
    background-position: -180px 0;
}

div.article-bottom-icons div.item.category.five {
    background-position: -240px 0;
}

div.article-bottom-icons div.item.category.six {
    background-position: -300px 0;
}

div.article-bottom-icons div.item.category:hover {
    opacity: 0.8;
}

/*article bottom socials icons*/
div.item.social.facebook {
    background-position: 0px -63px;
}

div.item.social.youtube {
    background-position: -60px -63px;
}

div.item.social.twitter {
    background-position: -120px -63px;
}

div.item.social.google {
    background-position: -180px -63px;
}

div.item.social.email {
    background-position: -240px -63px;
}

div.item.social.rss {
    background-position: -300px -63px;
}

div.item.social:hover {
    opacity: 0.8;
}

/*interesting-articles*/
div.interesting-articles {
    position: relative;
    border-bottom: 1px solid #ddd;
}

div.interesting-articles > div {
    padding: 15px;
}

div.interesting-articles > div h3 {
    font-size: 22px;
    font-weight: bold;
    font-family: calibribold;
    color: #000;
    margin: 0 0 14px 0;
    display: block;
}

div.interesting-articles > div ul li a {
    color: #23a6bf;
    display: block;
    line-height: 16px;
    max-height: 27px;
    overflow: hidden;
    padding: 5px 5px 5px 20px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}

div.interesting-articles > div ul li a:hover {
    text-decoration: underline;
}

div.interesting-articles > div ul li a span.arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-position: -8px 0px;
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    left: 0;
    margin: 1px auto;
    position: absolute;
    top: 7px;
    width: 10px;
}

/*bottom-modules*/
div.bottom-modules {
    display: block;
    padding: 15px 0;
    position: relative;
}

div.bottom-modules div.item.left, div.bottom-modules div.item.right {
    float: left;
    display: inline-block;
    width: 50%;
}

div.bottom-modules div.image {
    width: 327px;
    height: 203px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

div.bottom-modules div.image:hover {
    opacity: 0.8;
}

div.bottom-modules div.image > a > img {
    max-width: 350px;
}

div.bottom-modules h3 {
    color: #000000;
    display: inline-block;
    font-family: 'CalibriBold';
    font-size: 27px;
    min-width: 325px;
    padding: 0 0 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: 100%;
}

div.bottom-modules h3 span {
    font-family: 'CalibriRegular';
    font-size: 27px;
    text-shadow: none;
    font-weight: lighter;
}

div.slider-body div.perex {
    height: 85px;
    overflow: hidden;
    margin-bottom: 30px;
}

div.serial-title a, div.instruction-title a {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 0 0;
    display: block;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    max-height: 62px;
    overflow: hidden;
    line-height: 31px;
}

div.serial-title a {
    color: #4aaee4;
}

div.instruction-title a {
    color: #ee153a;
}

div.serial-title a:hover,
div.instruction-title a:hover {
    text-decoration: underline;
}

div.bottom-modules div.serial h3 span {
    color: #00bbff;
}

div.bottom-modules div.instruction h3 span {
    color: #e02c49;
}

div.bottom-modules div.item a {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}

div.bottom-modules div.item a span {
    margin: 0;
    padding: 13px;
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    bottom: 0;
    font-size: 20px;
    font-family: arial;
}

/*banner-bottom-module*/
div.banner-bottom-module {
    max-width: 1000px;
    min-width: 1000px;
    position: relative;
    margin: 30px auto 0;
    padding: 30px 0 0;
    border-top: 1px solid #ddd;
}

div.banner-bottom-module div {
    width: 728px;
    height: 90px;
    margin: 0 auto 0;
    padding: 0;
}

/*HP MAIN ARTICLE*/
div.main-article {
    float: left;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    position: relative;
    width: 647px;
}

.main-article_over {
    background: url("/bundles/adfinancefrontend/images/design/main-article_over.png") no-repeat left top;
    display: block;
    height: 650px;
    position: absolute;
    width: 648px;
    z-index: 9;
}

div.modal-social {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    left: 53px;
    padding: 7px 7px 6px;
    position: absolute;
    top: -48px;
    z-index: 9999999;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    display: none;
}

div.modal-social li {
    margin: 0 5px !important;
    padding: 3px 0;
}

div.hexagon {
    background-image: url("/bundles/adfinancefrontend/images/bg/ribbons-main-article.png");
    background-repeat: no-repeat;
    height: 32px;
    left: 48px;
    padding: 19px 10px;
    position: absolute;
    text-align: center;
    top: 91px;
    width: 50px;
    z-index: 99;
}

div.hexagon.green,
div.hexagon.zelena {
    background-position: 0 0;
}

div.hexagon.red,
div.hexagon.cervena {
    background-position: -139px 0;
}

div.hexagon.blue,
div.hexagon.modra {
    background-position: -350px 0;
}

div.hexagon.yellow,
div.hexagon.zluta {
    background-position: -280px 0;
}

div.hexagon.purple,
div.hexagon.fialova {
    background-position: -69px 0;
}

div.hexagon.gray,
div.hexagon.svetlemodra {
    background-position: -209px 0;
}

div.hexagon.ruda {
    background-position: -421px 0;
}

div.hexagon.brcalova {
    background-position: -491px 0;
}

/*div.hexagon:before {
	content: "";
	position: absolute;
	top: -18px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 18px solid #34af2a;
}
div.hexagon:after {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-top: 18px solid #34af2a;
}
*/
div.main-article-text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.79);
    left: 1px;
    padding: 19px 20px;
    position: absolute;
    top: 190px;
    width: 543px;
    z-index: 200;
}

div.main-article-p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    display: none;
    left: 1px;
    padding: 23px 20px;
    position: absolute;
    top: 279px;
    width: 543px;
    z-index: 900;
}

#main .main-article div.main-article-p p {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 23px;
}

.button {
    background: none repeat scroll 0 0 #34AF2A;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    max-width: 150px;
    min-width: 79px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.button:hover, .button:focus, input.button:hover, input.button:focus {
    background-color: #39cb2d !important;
}

.button span.arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 16px;
    width: 10px;
    height: 9px;
    background-position: -8px -18px;
}

div.main-article-text .button {
    position: absolute;
    right: 10px;
    text-align: left;
    top: 24px;
}

.button:hover, .button:focus {
    background-color: #39cb2d;
}

div.main-article-text div.hexagon {
    position: absolute;
    right: -37px;
    top: 15px;
    left: auto;
    width: 85px;
    height: 58px;
    line-height: 72px;
}

div.main-article-text div.hexagon:before {
    border-left: 42px solid transparent;
    border-right: 42px solid transparent;
    border-bottom: 18px solid #34af2a;
    top: -18px;
}

div.main-article-text div.hexagon:after {
    border-left: 42px solid transparent;
    border-right: 42px solid transparent;
    border-top: 18px solid #34af2a;
    bottom: -18px;
}

div.main-article-title {
    font-family: 'CalibriBold';
    font-size: 29px;
    color: #ffffff;
    width: 435px;
}

div.main-article-text a {
    text-decoration: none;
}

div.main-article-text a:hover {
    text-decoration: underline;
    color: #ffffff;
}

ul.main-article-ul li {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #109ed1;
    margin-top: 10px;
    margin-right: 20px;
    min-height: 12px;
    position: relative;
}

ul.main-article-ul li a {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #109ed1;
    min-height: 12px;
    position: relative;
    text-decoration: none;
}

ul.main-article-ul li a:hover, ul.main-article-ul li a:focus {
    text-decoration: underline;
}

ul.main-article-ul li:last-child {
    margin-right: 0;
}

ul.main-article-ul li > span.icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_white.png");
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
    display: inline-block;
    float: left;
    position: absolute;
    left: 0;
}

div.list-main-article ul.main-article-ul li > span.icon, div.detail-main-article ul.main-article-ul li > span.icon, div.other-list-article-content ul.main-article-ul li > span.icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_gray.png");
}

div.other-list-article-content {
    min-height: 130px;
    padding: 3px 0;
}

div.other-list-article-content div.context_bottom {
    /*bottom: 12px;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*width: 453px;*/
    padding-top: 6px;
}

div.other-list-article div.list-main-article-image div.ribbon-article {
    background-image: url("/bundles/adfinancefrontend/images/bg/ribbons-article_small.png");
    padding: 13px 16px;
}

div.other-list-article div.list-main-article-image div.ribbon-article > img {
    width: 13px;
}

div.other-list-article-content .lead {
    max-height: 54px;
    overflow: hidden;
}

div.other-list-article-content .lead p {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
}

ul.main-article-ul li.link > span.icon {
    background-position: 0px 0;
}

ul.main-article-ul li.speech > span.icon {
    background-position: -13px 0;
}

ul.main-article-ul li.speech {
    padding-left: 15px;
}

ul.main-article-ul li.link {
    padding-left: 15px;
}

a#article-space {
    display: block;
    width: 604px;
    height: 325px;
    position: absolute;
    top: 180px;
    z-index: 999;
    text-decoration: none;
}

div.main-article-p ul.main-article-ul li {
    margin-bottom: 30px;
}

div.other-list-article {
    display: inline-block;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 14px;
    padding-bottom: 15px;
    position: relative;
}

div.other-list-article div.list-main-article-image {
    float: left;
    height: 130px;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 200px;
}

div.other-list-article-content h2, div.other-list-article-content h2 a {
    color: #000000;
    font-family: CalibriRegular;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 5px;
    text-decoration: none;
    width: 450px;
}

div.other-list-article-content h2 a:hover {
    text-decoration: underline;
}

div.other-list-article div.list-main-article-image a > img {
    width: auto;
    height: 100%;
    border-radius: 4px 4px 4px 4px;
}

div.load-more-article > p, div.load-more-article > p a {
    color: #4C4C4C;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

div.load-more-article > p a:hover {
    text-decoration: underline;
}

div.arrow {
    display: block;
    height: 30px;
    position: relative;
    width: 100%;
}

div.arrow span {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    margin: 3px auto;
    width: 9px;
}

div.arrow.down span {
    background-position: -9px -9px;
}

.steps {
    min-height: 440px;
    position: relative;
    right: 75px;
    top: 50px;
}

.step > a {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-steps.png");
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 121px;
    width: 106px;
}

.step.sec {
    position: relative;
    right: -55px;
    top: -24px;
}

.step.third {
    position: relative;
    top: -48px;
}

.step.four.gray {
    position: relative;
    right: -55px;
    top: -71px;
}

.step.four.gray a {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-steps.png");
    background-position: -107px -121px;
    background-repeat: no-repeat;
    cursor: default;
}

.step.first > a {
    background-position: 0 0;
}

.step.sec > a {
    background-position: -106px 0;
}

.step.third > a {
    background-position: -212px 0;
}

.step > a:hover, .step > a:focus {
    background-position: 0 -121px;
}

div.steps div.step {
    clear: both;
    display: block;
}

div.steps a span.step-text {
    color: #4A4A4A;
    display: inline-block;
    float: left;
    font-family: 'CalibriRegular';
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
    right: 198px;
    text-align: right;
    top: 35px;
    width: 180px;
    letter-spacing: -1px !important;
}

div.steps a .step-text span {
    font-weight: lighter;
}

.step > a {
    display: inline-block;
    float: right;
    height: 121px;
    width: 106px;
}

div.steps div.step-text span {
    font-weight: lighter;
    font-size: 16px;
    display: block;
    margin-top: 3px;
}

span.green {
    color: #34af2a !important;
    display: block;
}

span.grey {
    color: #4c4c4c !important;
    display: block;
}

span.blue {
    color: #109ed1 !important;
    display: inline-block;
}

span.red {
    color: #ee153a !important;
    display: inline-block;
}

div.steps div.step-img {
    float: left;
    position: relative;
    width: 125px;
    height: 120px;
}

div.steps div.step-img span {
    position: absolute;
    color: #ffffff;
    font-size: 15px;
    font-family: 'CalibriRegular';
    z-index: 999;
    top: 26px;
    left: 12px;
}

div.steps .icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons-steps.png");
    background-repeat: no-repeat;
    display: block;
    height: 57px;
    position: absolute;
    right: 23px;
    top: 32px;
    width: 62px;
}

div.steps .number {
    background: url("/bundles/adfinancefrontend/images/bg/bg-steps-icon-number.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 14px;
    padding: 15px 12px;
    position: absolute;
    right: 85px;
    top: 7px;
}

div.steps div.step.sec .number {
    right: -20px;
    top: 7px;
}

.step.first a span.icon {
    background-position: 0 0;
}

.step.sec a span.icon {
    background-position: -63px 0;
}

.step.third a span.icon {
    background-position: -124px 0;
}

div.in-left {
    display: inline-block;
    float: left;
    max-width: 637px;
    position: relative;
    width: 100%;
}

div.in-right {
    display: inline-block;
    float: left;
    max-width: 350px;
    width: 100%;
}

.lab_item {
    width: 93px;
    height: 107px;
    position: relative;
    display: inline-block;
}

.hexagoon2 {
    position: relative;
    width: 93px;
    height: 107px;
    top: 0;
    display: block;
}

.hexagoon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    cursor: pointer;
}

.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    display: block;
}

.hexagon-in2 {
    -webkit-box-shadow: inset 0 0 0 200px rgba(133, 133, 133, 0.3);
    box-shadow: inset 0 0 0 200px rgba(133, 133, 133, 0.3);
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: 170%;
    -moz-background-size: 170%;
    background-size: 170%;
    visibility: visible;
    /*-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
}

.hexagon-in2:hover {
    -webkit-box-shadow: inset 0 0 0 0px rgba(133, 133, 133, 0.3);
    box-shadow: inset 0 0 0 0px rgba(133, 133, 133, 0.3);
}

span.over {
    background-image: url("/bundles/adfinancefrontend/images/design/other-article-over.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 108px;
    position: absolute;
    width: 95px;
    z-index: 9;
}

ul.htabs {
    margin: 0;
}

ul.htabs li {
    float: left;
    margin-right: 5px;
}

ul.htabs li:last-child {
    margin-right: 0;
}

ul.htabs li a {
    display: block;
    width: 98px;
    height: 113px;
}

ul.htabs li a span.li-hover {
    z-index: 9;
    width: 96px;
    height: 108px;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
}

ul.htabs li a.select span.li-hover {
    background: url("/bundles/adfinancefrontend/images/bg/li-selected.png") no-repeat left top;
    display: block;
}

div.tabs {
    width: 600px;
    border-bottom: 1px solid #27a7d5;
    position: relative;
    height: 10px;
    margin-top: 20px;
}

div.tabs div.tab img {
    position: absolute;
}

div.tabs #t1 img {
    left: 30px;
}

div.tabs #t2 img {
    left: 135px;
}

div.tabs #t3 img {
    left: 237px;
}

div.tabs #t4 img {
    left: 340px;
}

div.tabs #t5 img {
    left: 444px;
}

div.other-article {
    border-left: 3px solid #34af2a;
    padding-left: 18px;
    margin-top: 20px;
    height: 160px;
}

div.other-article a {
    font-family: 'CalibriRegular';
    font-size: 26px;
    color: #3c3c3c;
    text-decoration: none;
}

div.other-article p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #777777;
    line-height: 18px;
    padding: 10px 0 0;
}

div.social-box {
    background: url("/bundles/adfinancefrontend/images/bg/social-box.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 374px;
    margin-top: 0;
    padding-top: 60px;
    position: relative;
    right: 10px;
    text-align: center;
    width: 374px;
    z-index: 9;
}

div.social-title {
    font-family: 'CalibriBold';
    font-size: 22px;
    text-align: center;
    color: #3c3c3c;
    text-shadow: 0 1px 1px rgba(2, 3, 3, 0.5);
    margin-bottom: 5px;
}

div.fb-like-box {
    width: 320px;
    height: 240px;
    margin: 0 auto;
}

div.fb-like-box span {
    display: block;
}

ul.socials {
    display: inline-block;
    text-align: center;
    margin: 7px auto 0;
}

ul.socials li {
    float: left;
    margin-right: 5px;
}

ul.socials li:last-child {
    margin-right: 0;
}

ul.socials a img {
    opacity: 0.5;
}

ul.socials a img:hover, ul.socials a img:focus {
    opacity: 1;
}

#middle-bg {
    background: url("/bundles/adfinancefrontend/images/bg/middle-bg.png") no-repeat center top;
    width: 100%;
    height: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
}

div.inside-content {
    width: 982px;
    margin: 0 auto;
    position: relative;
}

div.inside-content.inside-content2 {
    padding-left: 0;
    width: 982px;
}

h1, h1 a {
    color: #121212;
    display: inline-block;
    font-family: 'CalibriBold';
    font-size: 43px;
    text-decoration: none;
}

h2 {
    font-family: 'CalibriBold';
    font-size: 29px;
    color: #121212;
    display: inline-block;
}

h3, h3 a {
    color: #000000;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 10px;
}

h4, h4 a {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}

div.select p {
    font-size: 21px;
}

div.slider {
    background: url("/bundles/adfinancefrontend/images/design/slider-bg.png") no-repeat scroll -49px top rgba(0, 0, 0, 0);
    height: 595px;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    z-index: 9;
}

div.slider2 {
    background: url("/bundles/adfinancefrontend/images/design/slider-bg2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 620px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

div.slider.slider2 h2 {
    float: right;
    margin-top: 40px;
    text-align: right;
}

div.slider h1, div.slider h2 {
    margin-top: 80px;
    font-size: 29px;
    width: 410px;
}

h1 span, h2 span {
    font-family: 'CalibriRegular';
    font-size: 32px;
    font-weight: lighter;
    text-shadow: none;
}

h2 span {
    font-size: 32px;
}

h1.withbord, h2.withbord {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cbcbcb;
}
h1.withbord a, h2.withbord a {
    color: #121212;
    font-size: 29px;
    text-decoration: none;
}
.all-articles-heading {
    display: none;
}

div.hp-perex {
    height: 198px;
    overflow: hidden;
}

div.slider-title, div.slider-title a {
    font-family: 'CalibriBold';
    font-size: 25px;
    color: #121212;
    text-shadow: 0 1px 1px rgba(2, 3, 3, 0.5);
    margin: 15px 0 9px;
    text-decoration: none;
    max-height: 90px;
    overflow: hidden;
    line-height: 30px;
}

div.slider-title a:hover {
    text-decoration: underline;
}

div.slider-body p {
    width: 310px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #121212;
    text-shadow: 0 1px 1px rgba(2, 3, 3, 0.3);
    line-height: 19px;
}

.slider2 div.slider-body p {
    position: relative;
    width: 310px;
}

div.slider-body {
    z-index: 9999;
}

div.slider-inside {
    position: relative;
    z-index: 9999;
}

div.bx-pager {
    position: absolute;
    right: -165px;
    top: 20px;
}

.inside-content .slider-image {
    background-color: #DDDDDD;
    display: inline-block;
    height: 590px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 0;
    width: 595px;
}

.inside-content2 .slider-image {
    background-color: #DDDDDD;
    display: inline-block;
    height: 590px;
    overflow: hidden;
    left: 3px;
    position: absolute;
    top: 0;
    width: 595px;
}

a.bx-pager-link {
    background: url("/bundles/adfinancefrontend/images/bg/slider-pager.png") no-repeat center bottom;
    display: block;
    width: 75px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    color: #000000;
    font-family: 'CalibriRegular';
    font-size: 30px;
    text-decoration: none;
    margin-bottom: 6px;
}

div.bx-pager-item:last-child a.bx-pager-link {
    margin-bottom: 0;
}

a.bx-pager-link.active {
    background-position: center top;
    color: #ffffff;
}

ul.slider-shapes {
    height: 180px;
    margin-top: 15px;
    position: relative;
}

ul.slider-shapes li {
    float: left;
}

ul.slider-shapes li a, ul.slider-shapes li > span {
    background-image: url("/bundles/adfinancefrontend/images/bg/slider-shapes.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 86px;
    height: 67px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
    padding: 30px 0 0 0;
}

ul.slider-shapes li a:hover, ul.slider-shapes li a:focus {
    opacity: 0.8;
}

div.slider.slider2 ul.slider-shapes li > a, div.slider.slider2 ul.slider-shapes li > span {
    background: url("/bundles/adfinancefrontend/images/bg/slider-shapes.png") no-repeat center top;
    background-position: -86px 0px;
    background-repeat: no-repeat;
}

ul.slider-shapes li a.share span {
    display: inline-block;
    min-height: 17px;
    background: url("/bundles/adfinancefrontend/images/icons/ico-speech2.png") no-repeat left center;
    padding-left: 28px;
}

ul.slider-shapes li a.link span {
    display: inline-block;
    min-height: 18px;
    padding: 0 15px;
    text-align: center;
}

ul.slider-shapes li a.more, div.slider.slider2 ul.slider-shapes li a.more {
    background-position: 0px -99px;
    margin-right: 0;
    font-weight: bold;
    color: #121212;
    font-size: 15px;
    line-height: 18px;
    height: 67px;
    padding-top: 30px;
}

ul.slider-shapes li a.down, div.slider.slider2 ul.slider-shapes li a.down {
    background-position: 0 -200px;
    position: absolute;
    right: 73px;
    top: 86px;
    margin: 0;
    display: none;
    width: 86px;
    height: 100px;
}

ul.slider-shapes li span.down, div.slider.slider2 ul.slider-shapes li span.down {
    background-position: 0 -200px;
    position: absolute;
    top: 86px;
    margin: 0;
    display: none;
    width: 86px;
    height: 92px;
}

ul.slider-shapes li span.down {
    right: 76px;
}

div.slider.slider2 ul.slider-shapes li span.down {
    right: 56px;
}

div.slider div.in-rig {
    float: right;
    position: relative;
    right: 5px;
    top: 30px;
}

div.slider.slider2 div.bx-pager {
    right: 400px;
    top: 40px;
}

div.slider.slider2 .bx-wrapper {
    width: 310px;
    float: right;
    max-width: 310px;
}

div.slider.slider2 div.slider-body {
    text-align: right;
}

div.slider.slider2 ul.slider-shapes {
    float: right;
}

div.slider.slider2 ul.slider-shapes li a.down {
    right: 50px;
}

div.archive div.title {
    height: 50px;
    margin-bottom: 20px;
}

.filter.search {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    display: block;
    margin-bottom: 20px;
    padding: 15px 25px;
    width: calc(100% - 50px);
}

div.categories p span, div.order-by p span {
    color: #4c4c4c;
}

div.filter .categories ul li {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-filter-categories.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
}

div.filter .categories a {
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    display: block;
    padding: 9px 11px 16px;
}

div.filter .categories ul li.cat-1 {
    background-position: 0 0;
}

div.filter .categories ul li.cat-1 a.active {
    border-color: #34af2a;
}

div.filter .categories ul li.cat-2 {
    background-position: -103px 0;
}

div.filter .categories ul li.cat-2 a.active {
    border-color: #23a6bf;
}

div.filter .categories ul li.cat-3 {
    background-position: -69px 0;
}

div.filter .categories ul li.cat-3 a.active {
    border-color: #f11951;
}

div.filter .categories ul li.cat-4 {
    background-position: -138px 0;
}

div.filter .categories ul li.cat-4 a.active {
    border-color: #f8cf2a;
}

div.filter .categories ul li.cat-5 {
    background-position: -35px 0;
}

div.filter .categories ul li.cat-5 a.active {
    border-color: #c827ad;
}

div.filter .categories ul li.cat-6 {
    background-position: -172px 0;
}

div.filter .categories ul li.cat-6 a.active {
    border-color: #87abb0;
}

div.filter .categories ul li.cat-7 {
    background-position: -206px 0;
}

div.filter .categories ul li.cat-7 a.active {
    border-color: #c51230;
}

div.filter .categories ul li.cat-8 {
    background-position: -241px 0;
}

div.filter .categories ul li.cat-8 a.active {
    border-color: #2d6b7a;
}

div.filter .categories ul li.cat-9 {
    background-position: 0 0;
}
div.filter .categories ul li.cat-9 a.active {
    border-color: #34af2a;
}

div.filter .categories {
    float: left;
    padding: 5px 0;
    width: 48%;
}

div.filter .categories > p, div.filter .order-by > p {
    border-bottom: 1px solid #eeeeee;
    font-size: 17px;
    margin: 0 0 12px;
    padding: 0 0 10px;
}

div.filter div.order-by {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    width: 45%;
}

div.filter div.order-by li {
    display: inline-block;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 10px 0 5px;
}

div.filter .order-by ul li a {
    color: #bebebe;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

div.filter .order-by ul li a.active {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

li a.share > img {
    left: 34px;
    position: absolute;
    top: 30px;
}

/*pagination*/
#main .pagination {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    min-height: 20px;
    padding-bottom: 8px;
    position: relative;
}

#main .prew, #main .next {
    display: inline-block;
}

#main .prew {
    float: left;
}

#main .next {
    float: right;
}

#main .prew a, #main .next a {
    padding: 10px;
    position: relative;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    color: #858585;
    text-decoration: none;
}

#main .prew a:hover, #main .next a:hover, #main .prew a:focus, #main .next a:focus {
    color: #000;
    text-decoration: underline;
}

#main .next a {
    padding-right: 15px;
}

#main .prew a {
    padding-left: 15px;
}

.arrow span.arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-repeat: no-repeat;
    height: 9px;
    position: absolute;
    top: 13px;
    width: 10px;
}

.arrow.left span.arrow {
    left: 0px;
    background-position: 0 0;
}

.arrow.right span.arrow {
    background-position: -8px 0;
    right: 0px;
}

/*STICKY*/
#sticky {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    padding: 20px;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    display: none;
}

#sticky.fixed {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    height: 20px;
    left: 0;
    min-height: 56px;
    opacity: 1;
    padding: 10px 0;
    position: fixed;
    top: -130px;
    width: 100%;
    z-index: 9999;
}

#sticky div.menu-sticky {
    max-width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

#sticky div.menu-sticky > a > img {
    height: auto;
    width: 43px;
    padding: 3px 0 4px;
}

#sticky.fixed ul#menu-sti {
    border-bottom: medium none;
    height: auto;
    left: inherit;
    padding: 0 0 0 18px;
    position: absolute;
    right: 0;
    top: 12px;
}

#sticky.fixed ul#menu-sti li {
    float: left;
    margin-right: 18px;
    height: inherit;
    line-height: 12px;
}

#sticky.fixed ul#menu-sti li a {
    color: #FFFFFF;
    display: block;
    font-family: 'CalibriBold';
    font-size: 19px;
    height: inherit;
    line-height: 12px;
    padding: 11px 0 33px;
    text-decoration: none;
}

#sticky.fixed ul#menu-sti li a.home img {
    position: relative;
    left: -34px;
    top: -4px;
}

#sticky.fixed ul#menu-sti li a.home:hover img, #sticky.fixed ul#menu-sti li a.home:focus img, #sticky.fixed ul#menu-sti li.active a.home img {
    position: relative;
    left: 0px;
    top: -4px;
}

#sticky.fixed ul#menu-sti li.active a, #sticky.fixed ul#menu-sti li:hover a, #sticky.fixed ul#menu-sti li:focus a {
    border-bottom: none;
    color: #17bccc;
}

/*STICKY SUBMENU*/
#sticky.fixed div.submenu {
    background-color: rgba(23, 188, 204, 0.9);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    position: relative;
    top: 8px;
}

#sticky .submenu > ul {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
    width: 100%;
}

#sticky .submenu > ul li {
    display: inline-block;
    padding: 10px 0;
}

#sticky .submenu > ul li a {
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#sticky .submenu > ul li.active a {
    color: #000000;
    text-decoration: none !important;
    text-shadow: none;
}

#sticky .submenu > ul li a:hover {
    text-decoration: underline;
}

#sticky.fixed ul#menu-sti li div.submenu li a {
    display: inline-block;
    font-size: 14px;
}

#sticky .submenu {
    display: none;
}

.menu-sticky > a {
    left: 15px;
    position: relative;
}

/*INFOGRAPHICS*/
/*Main*/
#main div.list-main-infographic-image img {
    max-width: 675px;
}

#main div.detail-main-infographic-image img {
    max-width: 675px;
}

#main div.detail-main-infographic-image.detail img {
    max-width: 1000px;
}

#main div.list-main-infographic-image {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 5px 5px;
    height: 457px;
    overflow: hidden;
    position: relative;
    width: 673px;
}

#main div.list-main-infographic-image div.image-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    font-size: 20px;
    padding: 1.2em 5%;
    position: absolute;
    width: 90%;
}

#main div.list-main-infographic-image div.image-title p {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
}

#main div.list-main-infographic-image div.image-hover-box {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#main div.list-main-infographic-image div.image-hover-box div.icons {
    margin: 22% auto 0;
    padding: 20px 0;
    text-align: center;
    width: 300px;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    margin: 0 15px;
    padding: 15px;
    text-decoration: none;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a:hover, #main div.list-main-infographic-image div.image-hover-box div.icons a:focus {
    color: #22e813;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span {
    width: 69px;
    height: 78px;
    display: block;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span.text {
    height: 30px;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span.icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_white.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span.icon:hover {
    opacity: 0.7;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span.icon.download {
    background-position: 0 -27px;
}

#main div.list-main-infographic-image div.image-hover-box div.icons a span.icon.show-detail {
    background-position: -69px -27px;
}

#main div.list-main-infographic {
    margin-bottom: 15px;
}

/*Other*/
#main div.list-other-infographic {
    margin: 15px 15px 15px 0;
    display: inline-block;
}

#main div.list-other-infographic:nth-child(2n) {
    margin: 15px 0 15px 15px;
    display: inline-block;
}

#main div.list-other-infographic-image {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    float: left;
    height: 185px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 320px;
}

#main div.list-other-infographic-image div.image-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    padding: 0.7em 5%;
    position: absolute;
    width: 90%;
}

#main div.list-other-infographic-image div.image-title p {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
}

#main div.list-other-infographic-image div.image-hover-box {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#main div.list-other-infographic-image div.image-hover-box div.icons {
    margin: 14% auto 0;
    padding: 20px 0;
    text-align: center;
    width: 276px;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 8px;
    text-decoration: none;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a:hover, #main div.list-other-infographic-image div.image-hover-box div.icons a:focus {
    color: #22e813;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span {
    display: block;
    height: 38px;
    width: 33px;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span.text {
    height: 30px;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span.icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_white.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    position: inherit;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span.icon:hover {
    opacity: 0.7;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span.icon.download {
    background-position: -144px -47px;
}

#main div.list-other-infographic-image div.image-hover-box div.icons a span.icon.show {
    background-position: -178px -47px;
}

#main div.list-other-infographic-image img {
    height: auto;
    max-width: 325px;
}

/*DETAIL INFOGRAPHICS*/
div.infographic h1 {
    margin: 0 0 10px;
}

div.infographic div.title {
    border-bottom: 1px solid #DDDDDD;
    display: inline-block;
    margin-bottom: 20px;
    min-height: 90px;
    padding-bottom: 20px;
    width: 100%;
}

#main div.detail-main-infographic-image {
    border-radius: 5px 5px 5px 5px;
    height: auto;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 673px;
    border: 1px solid #ddd;
}

#main .entire-width div.detail-main-infographic-image {
    width: 1000px;
    height: auto;
    max-height: inherit;
}

#main div.detail-main-infographic-image a {
    display: block;
}

#main .entire-width div.detail-main-infographic-image img {
    width: 100%;
}

div.download {
    display: inline-block;
    float: left;
}

div.download a {
    color: #858585;
    display: inline-block;
    font-size: 15px;
    left: 5px;
    padding: 29px 11px 29px 70px;
    position: relative;
    text-decoration: none;
    top: 0;
}

.download a > span {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-categories-and-socials-icons-article.png");
    background-repeat: no-repeat;
    background-position: -60px 0;
    display: block;
    height: 63px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 55px;
}

.download a:hover > span {
    opacity: 0.7;
}

.download a span.icon {
    background-image: url("/bundles/adfinancefrontend/images/icons/download.png");
    background-repeat: no-repeat;
    display: block;
    height: 19px;
    left: 18px;
    position: absolute;
    top: 22px;
    width: 20px;
}

.icons.infografics div.socials {
    position: absolute;
    right: 0;
    text-align: right;
}

.icons {
    display: block;
    height: 80px;
    margin: 0 0 20px;
    width: 100%;
}


div.infografics{
    float: right;
    margin-top: 0px;
}

/*Twitter box*/
#main .twitter-box {
    background-image: url("/bundles/adfinancefrontend/images/bg/title-twitter.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    margin: 0;
    width: 100%;
}

#main .twitter-box > div {
    float: right;
    width: 420px;
}

#main .twitter-box ul li {
    display: block;
    font-size: 13px;
    line-height: 22px;
    padding: 10px 80px 10px 10px;
    position: relative;
}

#main .twitter-box ul li:hover {
    color: #000;
}

.tweet {
    position: absolute;
    right: 0;
    top: 11px;
}

/************************************************************/
/************************** FOOTER ***********************************************************************************/
#footer .container {
    display: block;
    float: inherit;
    max-width: 990px;
    width: 100%;
    min-width: inherit;
}

#footer {
    background: url("/bundles/adfinancefrontend/images/bg/footer.jpg") repeat-x center top #212121;
    width: 100%;
    height: auto;
    min-width: inherit;
    margin-top: 0;
    display: inline-block;
}

#footer-calculator {
    background: url(/bundles/adfinancefrontend/images/bg/bg-footer-calculator.png) repeat-x scroll center bottom rgba(0, 0, 0, 0);
    margin-top: 0;
    min-height: 145px;
    width: 100%;
}

span.logo-pre-footer {
    width: 60px;
    display: block;
    height: 25px;
    background: url(/bundles/adfinancefrontend/images/calculator/logo-suppliers/pre.png) no-repeat scroll center center rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 18px;
}

#nholder {
    margin: 0 auto;
    width: 515px;
}

#subscribeEmail {
    padding-top: 191px;
    position: relative;
    top: 20px;
}

#subscribeEmail label {
    font-family: 'CalibriRegular';
    color: #0a81a9;
    font-size: 21px;
    font-weight: lighter;
    float: left;
    margin-right: 20px;
    line-height: 49px;
}

#subscribeEmail input[type="text"] {
    float: left;
    background: #fdf9f9;
    border: 1px solid #212121;
    width: 260px;
    height: 47px;
    line-height: 49px;
    font-family: 'CalibriRegular';
    color: #212121;
    font-size: 21px;
    text-indent: 10px;
    border-right: 0;
    padding: inherit;
    border-radius: 0;
    margin: 0;
}

#subscribeEmail input[type="submit"] {
    float: left;
    width: 100px;
    height: 49px;
    line-height: 49px;
    border: 1px solid #212121;
    background: #0c7ba0;
    text-align: center;
    font-family: 'CalibriRegular';
    color: #ffffff;
    font-size: 21px;
    cursor: pointer;
}

#subscribeEmail input[type="submit"]:hover {
    background: #34af2a;
}

hr.full {
    width: 100%;
    height: 1px;
    background: #313131;
    position: relative;
    margin: 40px 0 18px;
}

div.footer-title {
    font-family: 'CalibriBold';
    color: #fff;
    font-size: 37px;
    margin-bottom: 20px;
}

div.footer-title span {
    font-family: 'CalibriRegular';
    color: #ffffff;
    font-size: 35px;
    font-weight: lighter;
}

div.footer-in {
    background: none repeat scroll 0 0 #212121;
    padding: 0 15px;
}

div.footer-in p {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
}

div.footer-box {
    float: left;
    margin-bottom: 30px;
}

div.footer-box ul {
    margin: 0;
}

div.footer-box ul li {
    float: left;
    margin-right: 35px;
    margin-bottom: 23px;
    background: url(/bundles/adfinancefrontend/images/design/li.png) no-repeat left 2px;
    padding-left: 20px;
    width: 125px;
}

div.footer-box ul li:nth-child(even) {
    margin-right: 0;
}

div.footer-box ul li a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

div.footer-box ul li a:hover {
    text-decoration: underline;
}

div.footer-title.dif {
    font-family: 'CalibriRegular';
    font-size: 35px;
    color: #ffffff;
    font-weight: lighter;
}

div.footer-title.dif.small {
    font-size: 20px;
    padding-top: 10px;
    padding-left: 2px;
    display: inline-block;
    margin-bottom: 0;
}

#footer div.socials {
    background: url("/bundles/adfinancefrontend/images/bg/socials.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 139px;
    width: 100%;
    position: relative;
}

#footer div.socials a {
    display: block;
    width: 36px;
    height: 40px;
    position: absolute;
    text-indent: -9999px;
}

#footer div.socials a.fb {
    left: 0;
    top: 33px;
}

#footer div.socials a.tw {
    left: 38px;
    top: 33px;
}

#footer div.socials a.gp {
    left: 19px;
    top: 66px;
}

#footer div.socials a.play {
    left: 19px;
    top: 66px;
}

#footer div.socials a.rss {
    left: 57px;
    top: 66px;
}

/*Social hover*/
#footer div.socials a:hover {
    background-image: url("/bundles/adfinancefrontend/images/icons/socials-color.png");
}

#footer div.socials a.fb:hover {
    background-position: 0 0;
}

#footer div.socials a.tw:hover {
    background-position: -38px 0px;
}

#footer div.socials a.gp:hover {
    background-position: -76px 0px;
}

#footer div.socials a.play:hover {
    background-position: -114px 0px;
}

#footer div.socials a.rss:hover {
    background-position: -152px 0px;
}

/*Copyright*/
#footer p.copy {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #696969;
    border-top: 1px solid #313131;
    margin-top: 15px;
    padding: 15px;
    display: inline-block;
    width: calc(100% - 30px);
}

@media screen and (min-width: 992px) {
    #footer div.socials {
        width: 14%;
    }

    div.footer-box {
        border-right: 1px solid #4F4F4F;
        margin-right: 20px;
        padding-left: 2%;
        padding-right: 20px;
        width: 37%;
    }

    div.footer-box.footer-box2 {
        width: 36%;
    }
}


#loader_page {
    background-color: #000;
    /* background-image: url(/bundles/adfinancefrontend/images/bg/bg-loader.png);
*/
    background-repeat: repeat-x;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    border-bottom: 2px solid #23a6bf;
}

#loader_page > div {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 40%;
    width: 265px;
}

#loader_page img {
    height: auto;
}

#loader_page img.logo.left {
    border: medium none;
    left: 75px;
    position: absolute;
}

#loader_page img.logo.right {
    border: medium none;
    position: absolute;
    right: 77px;
    top: 4px;
}

#loader_page img.text {
    position: relative;
    top: 155px;
    display: none;
}

/*Calculator*/
#menu-back {
    height: 47px;
    right: 0px;
    padding: 0 18px;
    position: absolute;
    top: 112px;
}

#menu-back li a {
    color: #6B6B6B;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 5px 28px;
    position: relative;
    text-decoration: none;
}

#menu-back li a:hover {
    text-decoration: underline;
}

#menu-back li a span {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_gray.png");
    background-position: -66px 0;
    background-repeat: no-repeat;
    display: block;
    height: 19px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 17px;
}

.steps-calculator {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-steps-calculator.png");
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    max-width: 1000px;
    min-height: 90px;
    width: 100%;
}

.steps-calculator > div {
    margin: 0 auto;
    width: 63%;
}

.step-calc {
    display: inline-block;
    float: left;
    text-align: center;
    width: 25%;
}

.hex {
    height: 40px;
    margin: 0 auto 15px;
    position: relative;
    width: 40px;
}

.hex > span.previous, .hex > a.previous {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons-steps-calculator.png");
    background-position: -13px 0;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    left: 9px;
    position: absolute;
    top: 13px;
    width: 25px;
}

.hex > span.now {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons-steps-calculator.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    left: 12px;
    position: absolute;
    top: 14px;
    width: 15px;
}

.one .hex > span.now {
    left: 11px;
}

.three .hex > span.now {
    left: 11px;
}

.four .hex > span.now {
    left: 12px;
}

.one .hex > .previous {
    left: 8px;
}

.three .hex > .previous {
    left: 8px;
}

.four .hex > .previous {
    left: 9px;
}

/*texts steps calculator*/
div.step-title {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 0;
}

div.step-calc.active .hex {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-steps-item.png");
    background-position: 1px 0;
    background-repeat: no-repeat;
}

div.step-calc.step_2.active .hex {
    background-position: 2px 0;
}

div.step-calc.step_4.active .hex {
    background-position: 2px 0;
}

div.step-calc.step_3 .hex {
    left: 4px;
}

div.line {
    background: none repeat scroll 0 0 #0B9CB9;
    height: 5px;
    position: absolute;
    top: 17px;
}

div.line.step_1 {
    left: 275px;
    width: 128px;
}

div.line.step_2 {
    left: 437px;
    width: 127px;
}

div.line.step_3 {
    right: 276px;
    width: 127px;
}

.step-calc.step_4 .hex {
    left: 5px;
}

div.step-calc.step_1 .hex {
    left: -3px;
    position: relative;
}

div.calculator div.download > a {
    left: 10px;
}

div.step-desc {
    font-size: 12px;
}

div.description.steps-calc {
    display: inline-block;
    height: auto;
    margin: 20px 0 10px;
    max-width: 1000px;
    min-height: 200px;
    width: 100%;
}

.description.steps-calc > div {
    display: inline-block;
    float: left;
    min-height: 195px;
    padding: 20px 0;
    position: relative;
}

.description.steps-calc > div.right div.icon {
    color: #FFFFFF;
    position: absolute;
    right: 85px;
    top: 37%;
}

.description.steps-calc > div.right div.icon.step3, .description.steps-calc > div.right div.icon.step4 {
    top: 36%;
    right: 82px;
}

.description.steps-calc > div.right div.icon.step2 {
    right: 37px;
    top: 31%;
    width: 160px;
}

.description.steps-calc > div.right div.icon.step2 a {
    width: 150px;
    display: inline-block;
    height: 120px;
    position: relative;
    top: -10px;
}

.description.steps-calc > div.left {
    width: 71%;
}

.description.steps-calc > div.left > div {
    padding: 0 0 0 10px;
}

.description.steps-calc > div.left > div h1 {
    border-bottom: 1px solid #DDDDDD;
    color: #34AF2A;
    font-size: 3.5em;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-shadow: none;
    width: 100%;
}

.description.steps-calc > div.right {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-calculator-icon.png");
    background-position: right 21px;
    background-repeat: no-repeat;
    width: 29%;
}

.description.steps-calc > div p {
    color: #4C4C4C;
    font-size: 16px;
    line-height: 29px;
}

div.calc-area {
    display: inline-block;
    margin-bottom: 40px;
    max-width: calc(100% - 2px);
    width: 100%;
}

div.calc-area.listing {
    margin-bottom: 20px;
}

div.calc-area h2 {
    color: #252525;
    font-size: 22px;
    font-weight: normal;
    margin: 0 10px 15px;
    text-shadow: none;
}

div.calc-area h2.right {
    color: rgba(0, 0, 0, 0.5);
    float: right;
    width: calc(50% - 20px);
}

div.calc-area .contentarea > div.right {
    background: transparent;
    padding: 42px 0;
    position: relative;
}

div.calc-area .contentarea > div.left {
    position: relative;
}

div.calc-area .contentarea > div.right > div {
    padding: 15px 30px;
}

div.calc-area .contentarea > div.left > div {
    padding: 15px 0 15px 15px;
}

/*Contentarea in calculator*/
div.calc-area .contentarea {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-box-calc.png);
    background-position: right top;
    background-repeat: repeat-y;
    background-color: #ECECEC;
    border: 1px solid #E3E3E3;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    max-width: 1015px;
    width: 100%;
    position: relative;
}

div.calc-area .contentarea > div {
    display: inline-block;
    float: left;
    padding: 2px 0;
    width: 50%;
}

div.select-type-who {
    display: block;
    margin: 0 auto;
    max-width: 408px;
    min-height: 188px;
    width: 100%;
}

div.select-type {
    display: inline-block;
    float: left;
    height: 188px;
    margin: 0 9px;
    text-align: center;
    width: 166px;
    position: relative;
}

div.select-type span.icon {
    display: block;
    height: 70px;
    margin: 0 auto 14px;
    overflow: hidden;
    padding: 25px 0;
    width: 80px;
}

div.select-type span.icon img {
    position: relative;
}

div.select-type.businessman span.icon img {
    left: -80px;
}

div.select-type > a {
    background-image: url("/bundles/adfinancefrontend/images/bg/select-type-a.png");
    background-position: center 85px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 15px 15px 15px 15px;
    display: block;
    height: 148px;
    padding: 20px 0;
    width: 166px;
    text-decoration: none;
    color: #4c4c4c;
}

div.select-type span.name {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

/*hover and active effect*/
div.select-type > a.active {
    border: 1px solid #d2d2d2;
    background-image: url("/bundles/adfinancefrontend/images/bg/select-type-a.png"), linear-gradient(to bottom, #ffffff 0px, #efefef 100%);
    background-position: center 85px, center 0;
    background-repeat: no-repeat;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    color: #34af2a;
}

div.select-type > a:hover {
    border: 1px solid #d2d2d2;
}

/*right Help*/
.contentarea div.right p.title {
    color: #4C4C4C;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 10px;
}

.contentarea div.right p, .contentarea div.right ul li {
    color: #969696;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 0 10px;
    line-height: 21px;
}

.contentarea div.right ul li strong {
    color: #0d95b7;
    font-weight: bold;
}

div.region.result {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    margin: 15px 10px 0;
    padding: 0;
}

div.cezetmap_area {
    position: relative;
    top: 25px;
}

/*Arrows*/
.arrow-up, .arrow-down, .arrow-right, .arrow-left {
    padding: 0 !important;
    position: absolute;
    right: 98%;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #ffffff;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #ffffff;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ffffff;
}

.arrow-left {
    border-bottom: 25px solid rgba(0, 0, 0, 0);
    border-right: 25px solid #FFFFFF;
    border-top: 25px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
}

/*RADIO*/
div.radio {
    left: -10px;
    margin: 40px auto;
    max-width: 350px;
    position: relative;
    text-align: center;
    top: 32px;
}

div.radio input[type="radio"] {
    display: none;
}

div.radio input[type=radio] + label {
    display: inline-block;
    margin: -2px;
    padding: 12px 32px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

div.radio input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #34AF2A;
    text-shadow: none;
    color: #FFFFFF;
    font-weight: bold;
}

/*RADIO extend_consumer_type*/
div#extend_electricity_consumer_type_id {
    margin: 8px auto;
    max-width: 400px;
    position: relative;
    text-align: center;
    top: 4px;
}

div#extend_electricity_consumer_type_id input[type="radio"] {
    display: none;
}

div#extend_electricity_consumer_type_id input[type=radio] + label {
    display: inline-block;
    margin: 10px;
    padding: 158px 0 0 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #4c4c4c;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    height: 36px;
    width: 165px;
}

div#extend_electricity_consumer_type_id input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #34af2a;
    font-weight: bold;
    border-radius: 10px;
}

label.extend_electricity_consumer_type_id_0, label.extend_electricity_consumer_type_id_1 {
    position: relative;
}

label.extend_electricity_consumer_type_id_0 span {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-businessman.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 183px;
    left: 0;
    position: absolute;
    top: 0;
    width: 165px;
}

label.extend_electricity_consumer_type_id_1 span {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-household.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 183px;
    left: 0;
    position: absolute;
    top: 0;
    width: 165px;
}

/*CHECKBOX What power do you use?*/
div.checkboxs {
    margin: 20px auto;
    position: relative;
    text-align: center;
    top: 24px;
    width: 90%;
}

div.checkboxs input[type=checkbox] {
    display: none;
}

div.checkboxs input[type=checkbox] + label {
    display: inline-block;
    margin: -2px 20px 0;
    padding: 65px 12px 5px;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    font-weight: bold;
    position: relative;
    opacity: 0.5;
}

div.checkboxs input[type=checkbox] + label:hover {
    opacity: 0.75;
}

div.checkboxs input[type=checkbox]:checked + label {
    outline: 0;
    color: #34af2a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    opacity: 1;
}

div.checkboxs label span.icon {
    display: inline-block;
    height: 32px;
    overflow: hidden;
    position: absolute;
    width: 32px;
    top: 15px;
}

label span.icon img {
    left: -34px;
    position: absolute;
}

.checkboxs label[for=chk1] span.icon {
    left: 23px;
}

.checkboxs label[for=chk2] span.icon {
    left: 46px;
}

.checkboxs label[for=chk3] span.icon {
    left: 32px;
}

.checkboxs label[for=chk1] span.icon img {
    top: -65px;
}

.checkboxs label[for=chk2] span.icon img {
    top: -31px;
}

.checkboxs label[for="chk3"] span.icon {
    top: 18px;
}

input[type="checkbox"]:checked + label[for=chk1] span.icon img, input[type="checkbox"]:checked + label[for=chk2] span.icon img, input[type="checkbox"]:checked + label[for=chk3] span.icon img {
    left: 0;
}

div.submit.calculator {
    position: relative;
}

div.submit.calculator .button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    margin: 0 auto;
    max-width: 240px;
    padding: 0 60px 0 25px;
    text-align: left !important;
    width: 240px !important;
}

div.submit.calculator .arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-position: -5px -18px;
    height: 9px;
    position: absolute;
    right: 35px;
    top: 44%;
    width: 13px;
    z-index: 9;
}

div.item > label {
    color: #3A3A3A;
    padding: 11px 10px 10px 0;
    text-align: right;
    width: 25%;
}

div.item > label, div.item > div {
    display: inline-block;
    float: left;
}

div.item > div {
    width: 52%;
    max-width: 237px;
}

div.item input {
    padding: 8px;
    margin: 0;
    max-width: 221px;
    width: 100%;
    background-color: #fbfbfb;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-inputs.png);
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #a3b7b8;
}

div.item .button {
    background: none repeat scroll 0 0 #34AF2A;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    min-width: 79px;
    padding: 0 15px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 150px;
}

div.item {
    margin: 8px 0;
    min-height: 32px;
    clear: both;
    position: relative;
}

div.item.six .arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-position: 9px -18px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    width: 9px;
    z-index: 9;
}

span.note {
    color: #3A3A3A;
    padding: 11px;
    position: absolute;
}

div.calculator-form {
    margin: 59px 0;
}

/*SELECT BOX CALCULATOR*/

.calculator-form .selectBox-dropdown {
    width: 238px !important;
    height: 34px;
    line-height: 34px;
    float: left;
    clear: none;
    position: relative;
    -webkit-border-radius: 5px 8px 8px 5px;
    -moz-border-radius: 5px 8px 8px 5px;
    border-radius: 5px 8px 8px 5px;
    border: 1px solid #a3b7b8;
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    text-indent: 5px;
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-inputs.png);
    background-position: 0 bottom;
    background-size: contain;
    height: 34px;
}

.interactive-head .selectBox-dropdown {
    background: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    width: 260px !important;
    color: #000 !important;
    font-weight: bold;
    padding: 2px;
}

.selectBox-dropdown-menu {
    min-width: 238px !important;
}

.calculator-form div.item > label {
    width: 33% !important;
}

.selectBox-options LI.selectBox-selected a {
    background: #ccc !important;
    color: #000 !important;
}

.selectBox-options LI.selectBox-hover a {
    background: #14718f !important;
    color: #fff !important;
}

div.item input[type="radio"] {
    width: 10%
}

div.radio-item {
    padding: 8px;
}

div.radio-item > label {
    color: #4C4C4C;
    cursor: pointer;
    font-size: 13px;
}

div.radio-item > input {
    float: left;
}

div.radios {
    margin: 0 0 10px;
}

div.calculator-form.for-no {
    display: none;
    margin: 59px 0;
}

div.region.result .region-name {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    color: #FFFFFF;
    font-size: 17px;
    text-align: center;
    width: 185px;
    /*border: none;*/
    /*padding: 10px;*/
    height: 30px;
    padding-top: 15px;
}

div.arrow-down-calculator {
    background-color: transparent;
    background-image: url(/bundles/adfinancefrontend/images/icons/calculator/arrow-down.png);
    background-repeat: repeat-x;
    bottom: -30px;
    display: block !important;
    height: 44px;
    left: 484px;
    position: absolute;
    width: 32px !important;
    z-index: 999;
    opacity: 0.6;
}

div.submit.calculator {
    margin: 20px auto 0;
    width: 250px;
}

div.item > div.check-validate {

    height: 30px;
    position: absolute;
    right: 0;
    width: 30px;
    border-right: 3px solid transparent
}

div.item > div.check-validate.correctly {
    background-image: url(/bundles/adfinancefrontend/images/icons/validate.png);
    background-repeat: no-repeat;
    border-color: #34af2a;
    background-position: 0 0;
    bottom: 0;
}

div.item > div.check-validate.wrong {
    background-image: url(/bundles/adfinancefrontend/images/icons/validate.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
    border-color: #FC0000;
    bottom: 0;
}

div.item > div.check-validate.long {
    height: 140px !important;
}

div.item > div.check-validate.last {
    bottom: 3px;
}

div.description.steps-calc h2 {
    color: #4C4C4C;
    font-size: 25px;
    font-weight: normal;
    margin: 5px 0;
    text-shadow: none;
}

/*CALCULATOR LISTING */
div.listing-title > h2 {
    font-size: 28px;
    font-weight: normal;
    margin: 0 10px 10px;
    text-shadow: none;
}

/*Contentarea in calculator*/
div.calc-area .contentarea-listing {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    max-width: 998px;
    position: relative;
    width: 100%;
    z-index: 9;
    min-width: 998px;
}

div.calc-area.tip .contentarea-listing {
    background-color: #fffcde;
    border: 1px solid #eace81;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    max-width: 998px;
    position: relative;
    width: 100%;
}

div.calc-area .contentarea-listing > div {
    display: inline-block;
    float: left;
    padding: 2px 0;
    width: 100%;
}

div.calc-area .contentarea-listing > div > div {
    display: inline-block;
    float: left;
    margin: 0 0 0 15px;
    position: relative;
    top: 0px;
}

/*ribbons*/
div.calc-area .contentarea-listing > div > div.ribbon-all {
    left: 15px;
    margin: 0;
    position: relative;
    top: -1px;
}

div.calc-area div.ribbon {
    background-image: url("/bundles/adfinancefrontend/images/bg/ribbons-listing.png");
    background-repeat: no-repeat;
    height: 25px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 29px;
}

/*ribbons position*/
div.calc-area div.ribbon.second {
    left: 30px;
}

div.calc-area div.ribbon.third {
    left: 60px;
}

div.calc-area div.ribbon.fourth {
    left: 90px;
}

div.calc-area div.ribbon.fifth {
    left: 120px;
}

/*ribbons colors*/
div.calc-area div.ribbon.red {
    background-position: 0 0;
}

div.calc-area div.ribbon.green,
div.calc-area div.ribbon.zelena {
    background-position: -116px 0;
}

div.calc-area div.ribbon.yellow,
div.calc-area div.ribbon.zluta {
    background-position: -87px 0;
}

div.calc-area div.ribbon.blue,
div.calc-area div.ribbon.modra {
    background-position: -58px 0;
}

div.calc-area div.ribbon.purple,
div.calc-area div.ribbon.fialova {
    background-position: -29px 0;
}

div.calc-area div.ribbon.gray,
div.calc-area div.ribbon.svetlemodra {
    background-position: -145px 0;
}

div.calc-area div.ribbon.ruda {
    background-position: -200px 0;
}

div.calc-area div.ribbon.brcalova {
    background-position: -250px 0;
}

/*LISTING CONTENT*/
div.supplier_logo {
    height: 57px;
    margin: 0 0 0 30px;
    overflow: hidden;
    padding: 20px 0;
    width: 70px;
}

div.supplier_name {
    color: #000000;
    font-family: CalibriRegular;
    font-size: 18px;
    font-weight: bold;
    padding: 28px 0;
    width: 230px;
}

div.supplier_name span {
    color: #959595;
    display: block;
    font-family: CalibriRegular;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 0;
}

div.supplier_name {
    color: #000000;
    font-family: CalibriRegular;
    font-size: 18px;
    font-weight: bold;
    padding: 28px 0;
}

div.saving {
    color: #4C4C4C;
    font-family: CalibriRegular;
    font-size: 18px;
    font-weight: normal;
    padding: 38px 0;
    text-align: center;
    width: 100px;
}

div.saving span {
    color: #34AF2A;
    display: block;
    font-family: CalibriRegular;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 0;
}

div.saving span.negative {
    color: #FC0000;
}

div.annual-rate {
    color: #4C4C4C;
    font-family: CalibriRegular;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 0 20px !important;
    padding: 38px 0;
    text-align: center;
}

div.annual-rate span {
    color: #000000;
    display: block;
    font-family: CalibriRegular;
    font-size: 21px;
    font-weight: bold;
    padding: 5px 0 0;
    width: 100px;
}

div.calc-area .contentarea-listing > div > div.index {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    height: 43px;
    margin: 24px 0 24px 26px;
    padding: 4px 35px;
    width: 30px;
}

div.calc-area .contentarea-listing > div > div.more-info {
    border: 1px solid #C2C2C2;
    height: 49px;
    margin: 25px 5px 25px 35px;
    padding: 0;
    position: relative;
    width: 110px;
}

div.calc-area.tip .contentarea-listing > div > div.more-info {
    border: 1px solid #daba62;
    color: #bc952b;
}

div.more-info span {
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 19px 0;
    text-align: center;
}

div.calc-area .contentarea-listing > div > div.interests {
    margin: 25px 0;
}

div.calc-area .contentarea-listing > div > div.interests a.button {
    font-weight: bold;
    padding: 5px 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

/*contentarea-listing-other*/
.tip .contentarea-listing-other {
    display: none;
}

div.contentarea-listing-other {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: none;
    margin: 0;
    max-width: 1015px;
    position: relative;
    top: -3px;
    width: 100%;
}

div.contentarea-listing-other.show {
    display: block;
}

div.contentarea-listing-other > div {
    padding: 15px 30px;
}

div.contentarea-listing-other .text p {
    margin: 0;
    padding: 0;
    color: #5f5f5f;
    font-size: 13px;
}

div.contentarea-listing-other .first.text.tip {
    border-bottom: 1px solid #d2d2d2;
    padding-left: 100px;
    position: relative;
}

div.tip-ribbon {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-tip-ribbon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 30px;
    left: 0;
    position: absolute;
    top: calc(71% - 30px);
    width: 81px;
}

div.tip-ribbon span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 8px;
}

/*product-information*/
div.contentarea-listing-other > div.product-information {
    background-color: transparent;
    border-bottom: 1px solid #d2d2d2;
}

div.contentarea-listing-other > div.product-information {
    background-color: #E7E7E7;
    border-bottom: 1px solid #D2D2D2;
    display: inline-block;
    font-family: CalibriRegular;
    max-width: 1015px;
    padding: 0;
    width: 100%;
}

div.contentarea-listing-other > div.product-information h3 {
    padding: 20px 20px 0 20px;
    margin: 0;
}

div.product-information div.left {

    background-color: transparent;
    display: inline-block;
    float: left;
    padding: 25px 25px;
    width: calc(28% - 51px);
}

div.product-information div.right {
    display: inline-block;
    float: left;
    padding: 15px;
    width: calc(72% - 30px);
}

div.product-information ul li {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrow-li.png");
    background-position: 0 11px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 5px 5px 20px;
    position: relative;
}

.product-information div.tip-ribbon {
    top: calc(70% - 30px);
}

.product-information .text.tip {
    background: #fff;
    margin: 15px 18px 0;
    padding: 15px 15px;
    border: 1px solid #ddd;
}

.bottom-section-information {
    display: inline-block;
    float: right;
    padding: 0 16px 20px;
}

.bottom-section-information .number {
    font-size: 18px;
    font-weight: bold;
    padding: 7px 0;
}

.interests, .bottom-annual-rate, .bottom-saving {
    display: inline-block;
    float: left;
    margin-left: 15px;
    text-align: center;
}

.bottom-annual-rate, .bottom-saving {
    padding: 1px 0 0 0;
    font-size: 13px;
}

.bottom-saving .red {
    color: red;
    display: block;
}

.bottom-saving .green {
    color: green;
    display: block;
}

.bottom-saving .grey {
    color: grey;
    display: block;
}

ul li span.arrow {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-position: -8px -36px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 10px;
}

.description.steps-calc > div.left.only-step2 {
    width: 98%;
    min-height: 145px;
}

/*Table with divs*/
div.table {
    padding: 0;
    display: table;
    margin: 10px 0;
    border-left: 1px solid #bbb;
}

.contentarea.summary-all div.table {
    padding: 0;
    margin: 10px 0;
    border-left: none !important;
    display: block;
}

div.table div.row {
    border: 1px solid #bbb;
    display: table-row;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #bbb;
}

.contentarea.summary-all div.table div.row {
    border: none !important;
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    border-top: 0;
}

div.table div.row.first,
.row.th-master {
    border-color: transparent;
    background: #c2c2c2;
    border: 1px solid #bbb;
}

.cell.th-result {
    width: 70px !important;
    font-weight: bold;
}

.row.th-master {
    border-bottom: 2px solid #bbbbbb !important;
    border: 1px solid #D2D2D2;
}

div.table div.cell {
    display: table-cell;
    padding: 10px 5px;
    color: #1D1D1D;
    background: #fff;
    text-align: center;
    width: calc(11% - 10px);
    min-height: 16px;
    border-right: solid 1px #bbb;
    border-bottom: 1px solid #bbb;
    vertical-align: middle;
}

.contentarea.summary-all div.table div.cell {
    /*display: table-cell;*/
    padding: 10px 5px;
    color: #1D1D1D;
    background: none !important;
    text-align: center;
    width: 200px !important;
    text-align: left;
    min-height: 16px;
    border: none !important;
    vertical-align: top;
}

div.table div.cell.c-name {
    min-width: 145px !important;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    max-width: 145px;
}

div.table div.th div.cell {
    color: #000;
    min-height: 36px;
    vertical-align: middle !important;
    background: #ccc;
}

.th-master div.cell.c-name {
    background: #858585;
}

.th-master .cell.one {

    background: #858585;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 132px;
}

.th-master .cell.two {
    width: 377px;
    background: #858585;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 17px;
}

div.table div.cell.result {
    font-weight: bold;
    color: #34AF2A;
    width: 70px;
    background: #f0f0f0;
}

div.table div.th div.cell.result {
    border: none;
}

.navigate-all {
    position: relative;
    height: 40px;
}

div.navigate {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #BBBBBB;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    left: -5px;
    max-width: 1008px;
    padding: 14px 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 101%;
    z-index: 999;
}

.navigate.fixed {
    display: inline-block;
    left: calc(50% - 505px);
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 1034px;
}

.corner.left {
    left: 0;
}

.corner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 0 solid rgba(0, 0, 0, 0);
    border-top: 6px solid #4C4C4C;
    bottom: -7px;
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.corner.right {
    border-left: 0 solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #4C4C4C;
}

.contentarea.navi > div {
    color: #4C4C4C;
    display: inline-block;
    margin: 0;
    padding: 0 34px 0 35px;
    position: relative;
}

.contentarea.navi > div.index {
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    margin: 0 5px;
}

.contentarea.navi {
    left: 21px;
    margin: 0 auto;
    position: relative;
    width: 500px;
}

.contentarea.navi a {
    color: #858585;
    font-weight: bold;
    text-decoration: none;
}

/*.contentarea.navi a.active {*/
/*color: #000;*/
/*font-weight: bold;*/
/*text-decoration: underline;*/
/*}*/

/*.contentarea.navi .adf-sort-active .sort*/
/*{*/
/*background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");*/
/*height: 9px;*/
/*position: absolute;*/
/*right: 22px;*/
/*top: 1px;*/
/*width: 9px;*/
/*background-position: 0 -9px;*/
/*}*/
/*.contentarea.navi .active .arrow.down {*/
/*background-position: 9px -9px;*/
/*}*/

.adf-sort-active .asc .sort {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    height: 9px;
    position: absolute;
    right: 22px;
    top: 1px;
    width: 9px;
    background-position: 0 -9px;
}

.adf-sort-active .desc .sort {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    height: 9px;
    position: absolute;
    right: 22px;
    top: 1px;
    width: 9px;
    background-position: 9px -9px;
}

.contentarea.navi .adf-sort-active a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

/*INLINE*/
.infoline.big {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AFDAAF;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin: 0 0 20px;
    max-width: 998px;
    overflow: hidden;
    width: 100%;
}

.infoline.big div {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-infoline.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #858585;
    font-family: CalibriRegular;
    font-size: 29px;
    padding: 36px 35px 36px 160px;
}

.infoline.big div strong {
    color: #34af2a;
}

/*SUMARY*/
div.summary div.item.five {
    display: inline-block;
    float: right;
    position: relative;
    width: 363px;
}

div.summary div.item.six {
    display: inline-block;
    float: right;
    position: relative;
    right: 125px;
    top: -10px;
}

div.summary div.item.five input.agreement {
    float: left;
    width: 13px;
}

div.summary div.item.five label.agreement {
    display: inline-block;
    float: left;
    padding: 4px 0;
    position: absolute;
    top: 6px;
    width: 237px;
    left: 10px;
}

div.summary div.item.five label.agreement > a {
    font-size: 11px;
}

div.item.five input {
    display: none;
}

div.item.five span {
    background-color: #FFFFFF;
    background-image: url("/bundles/adfinancefrontend/images/icons/checkbox-off.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 20px;
}

div.item.five input:checked + span {
    background: url("/bundles/adfinancefrontend/images/icons/checkbox-on.jpg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.calc-area .contentarea.summary-all > div.left > div {
    min-height: 215px;
    padding: 55px 0 45px 15px;
}

div.calc-area div.contentarea.summary-all {
    background-color: #FFFFFF;
}

div.summary-all .right p {
    margin: 0;
    padding: 0 4px;
}

div.calc-area .contentarea.summary-all > div.right {
    background-color: #F0F0F0;
    border-left: 1px solid #E6E6E6;
    min-height: 285px;
    width: 498px;
    padding: 50px 0 !important;
}

div.table.summary-table div.row {
    border: none;
}

div.table.summary-table div.cell {
    color: #252525;
    /*display: inline-block;*/
    padding: 2px 5px;
    text-align: center;
    width: calc(35% - 10px);
    text-align: left;
    font-size: 13px;
    vertical-align: top;
    border: none !important;
}

div.table.summary-result div.row {
    border: none;
}

div.table.summary-result div.cell {
    color: #858585 !important;
    display: inline-block;
    padding: 5px;
    text-align: center;
    width: calc(30% - 10px);
    text-align: left;
    font-weight: bold;
}

div.table.summary-result div.cell.left {
    width: calc(70% - 15px);
}

div.table.summary-result div.cell.right {
    text-align: right;
    width: calc(30% - 10px);
}

div.table.summary-result div.cell.left.new-supplier {
    color: #0B9CB9 !important;
    font-family: CalibriRegular;
    font-size: 20px;
    text-transform: uppercase;
}

div.table.summary-result div.cell.right.price {
    color: black !important;
}

div.table.summary-result div.cell.right.price {
    color: #000;
    font-family: CalibriRegular;
    font-size: 22px;
    /*text-transform: uppercase;*/
}

div.table.summary-result {
    border-top: 1px solid #DDDDDD !important;
    margin-bottom: 0;
    margin-top: 15px;
    padding-bottom: 0;
}

/*Adver box*/
div.advertising-box > div {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    float: left;
    min-height: 220px;
    position: relative;
    width: calc(50% - 12px);
}

div.contentarea div.advertising-box p {
    color: #969696;
    font-size: 12px;
    font-weight: normal;
    line-height: 21px;
    margin: 0 0 15px;
    padding: 0;
}

div.advertising-box > div.left {
    margin-right: 10px;
}

div.advertising-box > div.right {
    margin-left: 10px;
}

div.advertising-box .bg-image-over {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-image-advertising.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: calc(100% - 30px);
    padding: 15px 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 4px;
    z-index: 9;
}

div.advertising-box .bg-image {
    background: transparent;
    height: calc(100% - 30px);
    padding: 15px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

div.advertising-box .bg-image > img {
    max-width: 330px;
}

div.advertising-box .texts {
    left: 0;
    padding: 33px 33px 33px 190px;
    position: absolute;
    top: 0;
    z-index: 99;
}

.texts .button {
    text-align: left;
}

/*glosaary*/
div.search {
    display: block;
    width: 100%;
    margin: 15px 0 10px 0;
    position: relative;
}

div.search > div {
    display: inline-block;
    width: 673px;
}

.select2-search-field {
    margin: 8px 0 5px 0px !important;
    max-width: calc(100% - 34px);
    padding: 10px;
    color: #4c4c4c;
    font-weight: normal;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.select2-container {
    margin: 7px 0 5px 0;
    padding: 0;
    max-width: 900px;
    width: 100% !important;
    background-color: transparent;
    border: none;
    background-image: none;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-position: top;
    cursor: pointer !important;
}

.select2-container .select2-choice .select2-arrow {
    width: 32px !important;
    border-left: 1px solid #e6e6e6 !important;
}

.select2-container .select2-choice .select2-arrow b {
    background: url(/bundles/adfinancefrontend/images/bg/select-icons.png) 0 -111px no-repeat #e6e6e6 !important;
}

.select2-container .select2-choice, .select2-dropdown-open .select2-choice {
    background-color: #e6e6e6 !important;
    border: 1px solid #e6e6e6 !important;
    background-image: none !important;
    padding: 6px 8px !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #000 !important;
    min-width: 241px;
}

.select2-search {
    padding-top: 5px !important;
}

.select2-container .select2-choice > .select2-chosen {
    padding: 0 0 0 10px;
    font-weight: bold;
}

.select2-results li {
    padding: 4px 0;
    font-size: 13px;
}

.cont.right .select2-container .select2-choice, .cont.right .select2-dropdown-open .select2-choice {
    background-color: #136c88 !important;
    border: 1px solid #136c88 !important;
    color: #fff !important;
}

.cont.right .select2-container .select2-choice .select2-arrow {
    background-color: #136c88 !important;
    border-left: 1px solid #136c88 !important;
}

.cont.right .select2-container .select2-choice .select2-arrow b {
    background: url(/bundles/adfinancefrontend/images/bg/select-icons.png) 0 -111px no-repeat #136c88 !important;
}

.cont.right .select2-drop {
    cursor: pointer !important;
}

.search-container-drop-down {
    color: red;
    top: -50px;
}

.search-words {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-search-button.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    right: -2px;
    top: 2px;
    padding: 12px;
    height: 39px;
    width: 39px;
    color: transparent;
    cursor: pointer;
}

/*.select2-choices, .select2-choices-active {*/
/*background-image: none !important;*/
/*background-color: transparent !important;*/
/*border: none !important;*/
/*}*/

/*.select2-drop-active{*/
/*border-right: 1px solid #e6e6e6 !important;*/
/*border-left: 1px solid #e6e6e6 !important;*/
/*border-bottom: 1px solid #e6e6e6 !important;*/
/*margin-top: -4px !important;*/
/*}*/

/*.select2-results .select2-highlighted {*/
/*background-color: #218db0	!important;*/
/*}*/

/*.select2-search input*/
/*{*/
/*width: 248px;*/
/*max-width: 248px*/
/*}*/

/*words*/
.words {
    display: block;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.words ul li {
    display: inline-block;
    margin: 0 4px 4px 0;
}

.words ul.bottom {
    position: relative;
    left: 24px;
    top: -7px;
}

.words ul li a {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-word.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: center;
    padding: 17px 5px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
    width: 31px;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

.words ul li.active a {
    background-position: -84px 0px;
}

.words ul li a:hover {
    background-position: -42px 0;
}

div.random-terms {
    margin: 30px 0 0 0;
}

div.random-terms ul {
    display: inline-block;
    width: calc(33% - 52px);
    padding: 20px;
    margin: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}

div.random-terms ul li a {
    color: #858585;
    display: block;
    line-height: 16px;
    max-height: 27px;
    overflow: hidden;
    padding: 5px 5px 5px 20px;
    position: relative;
    text-decoration: none;
}

div.random-terms ul li a:hover {
    text-decoration: underline;
}

div.list div.item {
    margin-top: 20px;
    margin-bottom: 15px;
    min-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

div.list div.item p {
    margin: 0.6em 0 1.2em 0;
    padding: 0;
    line-height: 26px;
}

div.list div.item.detail p {
    font-size: 14px;
    text-align: justify;
    color: #4c4c4c;
}

div.block {
    padding: 15px;
    display: inline-block;
}

div.block h1 {
    margin: 0 0 10px 0;
}

div.block h2 {
    margin: 0 0 5px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

div.block img.right {
    border: none;
}

div.error img.right {
    width: 30%;
}

div.why.block img.right {
    padding: 5px 0;

}

div.about-us div.images {
    margin: 5px 0;
    display: inline-block;
}

div.images > div.item {
    display: inline-block;
    width: 148px;
    height: 150px;
    margin: 10px 52px 10px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}

div.images > div.item.last {
    margin: 10px 0px 10px 0;
}

div.images > div.item img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
}

div.who.block img.left {
    padding: 0;
    border: none;
    margin: 10px 30px 0 0;
    width: 140px;
}

div.block strong {
    font-weight: bold;
    font-size: 20px;
    display: block;
    color: #000;
}

div.where.block div.left, div.where.block div.right {
    float: left;
}

div.where .content {
    width: 970px;
}

div.where.block div.left {
    width: calc(70% - 32px);
    margin: 20px 30px 20px 0;
    border: 1px solid #ddd;
}

div.where.block div.right {
    width: calc(30% - 10px);
    padding: 15px 0 15px 10px;
}

div.where.block div.right p {
    text-align: left;
}

div.where.block div.right p strong {
    font-size: 14px;
}

/*CHANGE*/
#change {
    background: #109ed1;
}

#change #menu li a {
    color: #fff;
}

#change #menu li.active a, #change #menu li:hover a, #change #menu li:focus a {
    color: #17bccc;
}

#change a.home img {
    left: -34px
}

#change > #main {
    background: none;
}

#change #header-bg {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-header-change.png);
    background-repeat: no-repeat;
    height: 540px;
    background-attachment: fixed;
    background-color: #000;
    background-position: center top;
}

#change div.title {
    margin: 0 auto;
    width: 1000px;
    text-align: center;
}

#change div.title h1 {
    color: #fff;
    margin: 20px 0;
    font-size: 55px;
}

#change #content-bg {
    /*background: url("/bundles/adfinancefrontend/images/bg/bg-content.png") repeat-x left top;*/
    margin: 0 0 0 0;
    width: 100%;
    max-width: inherit;
    min-width: inherit;
    padding: 120px 0 0 0;
    min-height: 2640px;
}

#change #content-bg > div {
    padding: 30px;
    width: 100%;
    max-width: calc(1000px - 60px);
    margin: 0 auto;
}

#change > #footer {
    background: url("/bundles/adfinancefrontend/images/bg/footer-change.jpg") repeat-x center bottom;
}

#change .icons-change {
    margin: 0 auto;
    width: 100%;
    background: url("/bundles/adfinancefrontend/images/bg/content-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
}

#change .icons-change > div {
    margin: 0 auto;
    width: 100%;
    padding: 20px;
    max-width: calc(1000px - 40px);
}

.icons-change-bottom {
    background: url("/bundles/adfinancefrontend/images/bg/bg-icons-change-bottom.png") repeat scroll center top rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 130px;
}

.icons-change-top {
    background: url("/bundles/adfinancefrontend/images/bg/bg-icons-change-top.png") repeat scroll center top rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 130px;
    margin-top: -130px;
}

#change .button-down {
    left: calc(50% - 38px);
    position: absolute;
    z-index: 99999;
    margin-top: 30px;
}

#change .icon {
    display: inline-block;
    margin: 0 18px;
}

#change .icon.first {
    margin-left: 3px;
}

#change .icon.last {
    margin-right: 0;
}

#change .section-titile {
    display: block;
    width: 100%;
    font-size: 52px;
    color: #063e52;
    text-align: center;
    font-family: Impact;
    text-shadow: aliceblue;
    margin-top: 950px;
    position: absolute;
    border-bottom: 1px dashed #063e52;
    left: 0;
    top: 0;
}

#change .left, #change .right, #change .scrollbar {
    display: inline-block;
    float: left;
}

#change .left {
    width: 310px;
    text-align: center;
    padding: 50px 0;
    margin-right: 20px;
    position: relative;
    height: 300px;
}

#change .left img {
    position: absolute;
    left: -50px;
    top: 20px;
    width: 360px;
}

#change .scrollbar {
    width: 50px;
    height: 373px;
    margin-right: 30px;
    position: relative;
    right: 0px;
    top: 18px;
}

#change .right {
    width: 500px;
    padding: 0 0 0 30px;
    /*border-left: 2px solid #0c80a9; */
    position: relative;
    top: 40px;
    left: -45px;
}

#change .right > div {
    padding: 0;
    margin: 10px 0 0;
    position: relative;
}

#change .right > h2 {
    font-family: "Impact";
    color: #fff;
    font-size: 43px;
    font-weight: normal;
    text-shadow: none;
    line-height: 55px;
    margin-top: 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.02em;

}

#slider-vertical {
    position: absolute;
    top: 1px;
    left: 31px;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    cursor: pointer;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    cursor: pointer;
    width: 21px;
    left: -7px;
}

#amount {
    position: absolute;
    left: 3px;
    bottom: -50px;
    text-align: center;
    background: transparent;
    border-color: transparent;
    color: #000 !important;
    font-size: 20px !important;
}

.section-titile.fixed {
    position: fixed !important;
    width: 100% !important;
    left: 0;
    margin-top: 83px !important;
}

#change .content-change {
    display: inline-block;
    padding: 0;
    width: calc(100%);
    margin-top: 155px;
    min-height: 570px;
}

.content-change.fixed {
    position: fixed;
    width: 97% !important;
    left: 0;
    margin-bottom: 20px;
    margin-top: 240px !important;
    padding-left: 29px !important;
    margin-left: 0px !important;
}

.content-change > div {
    width: 1000px;
    margin: 0 auto;
}

.right p {
    color: #fff;
    line-height: 1.3em;
    font-size: 1.5em;
    padding: 8px 0 8px;
    text-align: left;
}

p span.big {
    font-weight: bold;
    font-size: 25px;
    padding: 11px 0;
}

.disnone {
    display: none !important;
}

#content-change-second, #content-change-third, #content-change-four, #content-change-five, #content-change-six, #content-change-seven {
    background: #109ed1;
}

img.bulb-thermo {
    position: absolute;
    top: -20px;
    left: -25px;
    z-index: 9999;
    width: 60px;
    background-color: #109ed1;
}

.subtitle {
    display: block;
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    top: 45px;
    position: relative;
    font-family: calibriregular;
}

.point {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1px;
    margin-left: -107px;
    position: absolute;
    width: 11px;
    z-index: 9999;
}

.point.one {
    top: 200px;
}

.point.two {
    top: 250px;
}

.navi-menu {
    position: fixed;
    left: -50px;
    display: block;
    z-index: 999;
    top: 15%;
}

.cont-navi li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 5px 5px 0;
    color: #4c4c4c;
    display: inline-block;
    font-family: CalibriRegular;
    margin: 1px 0 0;
    opacity: 0.9;
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    min-width: 16px;
}

.cont-navi li a:hover {
    background: #f0f0f0;
}

.cont-navi li a span {
    display: none;
}

.cont-navi li a.active {
    background: #000;
    border-color: #000;
    color: #fff;
}

.cont-navi li a:hover span {
    display: inline-block;
    padding-left: 10px;
    margin-left: 3px;
    border-left: 1px solid #858585;
}

.zero {
    background: #115b75 !important;
    border-color: #115b75 !important;
    color: #fff !important;
}

#zero_tag {
    position: absolute;
    top: 0px;
}

#one_tag {
    position: absolute;
    top: 920px;
}

#two_tag {
    position: absolute;
    top: 970px;
}

#three_tag {
    position: absolute;
    top: 1070px;
}

#four_tag {
    position: absolute;
    top: 1170px;
}

#five_tag {
    position: absolute;
    top: 1270px;
}

#six_tag {
    position: absolute;
    top: 1370px;
}

#seven_tag {
    position: absolute;
    top: 1470px;
}

#end_tag {
    position: absolute;
    top: 1570px;
}

.button-down img {
    position: relative;
    top: 0px;
}

.flash-end {
    display: none;
    position: relative;
    width: 100%;
}

.flash-end.fixed {
    display: block;
}

.flash-end > img {
    display: block;
    left: calc(50% - 267px);
    margin: 0 auto;
    position: absolute;
    top: -530px;
    width: 525px;
}

.end-flash-p {
    color: #FFFFFF;
    font-size: 20px;
    left: calc(50% - 300px);
    position: absolute;
    text-align: center;
    top: -240px;
    width: 600px;
}

.end-flash-p a:hover {
    color: #fff;
    background: #3fd933;
}

.end-flash-p > span {
    display: block;
    font-size: 17px;
    padding: 1px 0 0px;
}

.content-change li {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 3px 0 5px 26px;
    position: relative;
}

.content-change li span.arrow {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-li-seven-step.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    left: -3px;
    margin: 1px auto;
    position: absolute;
    top: 5px;
    width: 22px;
}

p.back-top {
    position: absolute;
    text-align: center;
    color: #fff;
    left: calc(50% - 400px);
    width: 800px;
    top: -30px;
}

p.back-top a {
    color: #f9f9f9;
    text-decoration: none;
    font-size: 1.1em;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

p.back-top a:hover {
    color: #fff;
    text-decoration: underline;
}

div.anchor {
    position: fixed;
    bottom: 34px;
    right: 209px;
}

div.anchor a {
    background: #0778a0;
    padding: 10px 35px 10px 20px;
    color: #fff;
    position: relative;
    left: 0;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    margin-right: 5px;
}

div.anchor a:hover {
    text-decoration: underline;
}

div.anchor span.arrows {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
    background-position: -9px -27px;
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 13px;
    top: 13px;
}

div.anchor span.arrows.down {
    background-position: 0px -27px !important;
}

div.anchor a.next-step {
    background-color: #000;
}

.refresh {
    background-image: url("/bundles/adfinancefrontend/images/icons/icons_elements_white.png");
    background-position: -146px 0px;
    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    left: calc(50% - 16px);
    width: 29px;
    height: 27px;
    opacity: 0;
}

h2.one span {
    padding: 16px 17px;
    border-radius: inherit;
    position: absolute;
    margin-top: 38px;
    margin-left: -143px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-steps.png);
    font-size: 27px;
    width: 14px;
    height: 25px;
    background-position: 0px -169px;
    background-size: 310%;
    line-height: 26px;
}

.right p strong {
    color: #1f9014;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    padding: 15px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18px;
    text-align: center;
    line-height: 23px;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 20px;
    text-decoration: none;
    color: #fff;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-steps.png);
    font-size: 12px;
    padding: 31px 0px;
    display: none;
    width: 66px;
    max-height: 97px;
    background-size: 195px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 1px -74px;
    opacity: 0.8;
    z-index: 999;
}

@media screen and (max-width: 999px) {
    .back-to-top {
        display: none !important;
    }
}

.info-box-b {
    position: fixed;
    bottom: 4.8em;
    right: 20px;
    text-decoration: none;
    color: #fff;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-steps.png);
    font-size: 22px;
    display: block;
    width: 65px;
    max-height: 97px;
    background-size: 195px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 0px -74px;
    opacity: 0.8;
    z-index: 999;
    font-family: -webkit-pictograph;
    text-decoration: none;
    font-family: arial;
}

.info-box-b > img {
    padding: 19px 19px 17px;
}

.info-box-b:hover {
    text-decoration: none;
    opacity: 1;
    background-position: 0px 0px;
}

.info-box-b .description-b {
    position: absolute;
    cursor: default;
    top: 0px;
    background: #fff;
    padding: 13px 17px;
    width: 175px;
    font-size: 15px;
    font-weight: lighter;
    right: -261px;
    border-radius: 3px;
    text-align: left;
    border: 1px solid #ddd;
    color: #000;
    margin: 0 30px;

}

.info-box-b > .modal {
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    width: 110px;
    right: 55px;
    background: #000;
    padding: 13px 0px;
    height: inherit;
    border-radius: 5px 5px 0 5px;
    top: -35px;
    display: none;
}

.info-box-b .description-b .phone {
    display: block;
    font-weight: bold;
    font-size: 22px;
    padding: 9px 0 0;
    color: #34AF2A;
}

.back-to-top-calc {
    bottom: 9em;
    height: 12px;
    position: fixed;

    right: 20px;
    text-decoration: none;
    color: #fff;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-steps.png);
    font-size: 12px;
    padding: 31px 0px;
    display: none;
    width: 66px;
    max-height: 97px;
    background-size: 195px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 1px -74px;
    opacity: 0.8;
    z-index: 999;
}

.right.only-step2 {
    background-position: right 10px !important;
}

.right.only-step2 img {
    background-position: right 10px !important;
    position: relative;
    top: 0px;
    left: 1px;
}

.summarized {
    padding: 5px 0px 25px 160px !important;
    background-image: url(/bundles/adfinancefrontend/images/bg/clip.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    margin-bottom: 30px;
    min-height: 50px !important;
    width: 53% !important;
    margin-left: 5px;
}

.summarized p strong {
    color: #0d9bb7;
}

.summarized a {
    padding: 10px 0 0px;
    color: green;
    font-size: 15px;
    text-decoration: none;
    width: 220px !important;
    max-width: inherit;
    font-weight: bold;
    display: inline-block;
}

.summarized a:hover {
    text-decoration: underline;
}

dl {
    width: 820px;
}

dt:after {
    content: " ....................................................................................................................................................................";
}

dt {
    float: left;
    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
}

dd {
    float: left;
    width: 190px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    margin-left: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.back-to-top-calc span {
    width: 35px;
    height: 35px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 21px;
    left: calc(50% - 17px);
}

.back-to-top-calc span img {
    width: 300%;
}

.back-to-top:hover,
.back-to-top:focus {
    text-decoration: none;
    opacity: 1;
}

.back-to-top-calc:hover,
.back-to-top-calc:focus {
    background-position: 1px 0px;
    text-decoration: none;
    opacity: 1;
}

.back-to-top-calc span.modal {
    position: absolute;
    top: -36px;
    width: 170px;
    left: -160px;
    background: #000;
    padding: 13px 0px;
    height: inherit;
    border-radius: 5px 5px 0 5px;
    display: none;
}

.tooltip {

}

.tooltip-index {
    position: absolute;
    top: 30px;
    left: -20px;
}

.tooltip-index .tooltip-content {
    background: rgba(0, 0, 0, 0.9);
    padding: 20px 25px;
    border-radius: 3px;
    z-index: 999999;
    position: absolute;
    width: 400px;
    line-height: 18px;
    text-align: justify;
    right: -312px;
    top: -46px;
    color: #fff;
}

.tooltip-index .tooltip-content p, .tooltip-index .tooltip-content h2 {
    color: #fff !important;
    line-height: 25px !important;
    text-align: left;
}

.tooltip-index .tooltip-content p {
    font-size: 14px !important;
    text-align: justify;
}

.tooltip-index > .title {
    position: absolute;
    text-align: center;
    color: #000;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-info.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 40px;
    padding: 0px;
    top: 23px;
    left: 76px;
}

.tooltip-index > .title:hover {
    text-decoration: underline;
}

.title span.title-index-open {
    position: absolute;
    left: -215px;
    width: 200px;
    text-align: center;
    top: -21px;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 16px 16px 0px 16px;
    color: #fff;
}

img.thermo {
    position: relative;
    top: -10px;
}

.button.change {
    margin: 0 auto;
    position: relative;
    top: -136px;
    padding: 7px 15px;
    border-radius: 5px;
    width: 270px !important;
    max-width: inherit;
    background: #39cb2d;
}

.button.change:hover {
    background: #000 !important;
}

.button.change a {
    color: #fff;
    font-size: 23px;
    text-decoration: none;
}

img.line-top {
    width: 410px;
    height: 112px;
    position: absolute;
    top: 440px;
    margin-left: 81px;
}

img.line-in {
    position: absolute;
    margin-left: 163px;
    margin-top: 70px;
}

.field-validation-error {
    float: left;
    background: #fef1ec url(/bundles/adfinancefrontend/images/error.png) no-repeat 7px center;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    padding: 4px 5px 4px 24px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    font-size: 13px;
}

.field-validation-error li {
    padding: 2px;
}

#extend_country_region_id {
    display: none;
}

.subscribeEmailMessage {
    display: none;
    font-size: 16px;
    padding: 8px 0 0 150px;
    font-weight: bold
}

.subscribeEmailMessage .error {
    color: #D8000C;
}

.subscribeEmailMessage .warning {
    color: #9F6000;
}

.subscribeEmailMessage .success {
    color: #4F8A10;
}

div.icon-step2 {
    display: inline-block;
    margin: 10px 0 23px;
    vertical-align: top;
}

div.icon-step2 span {
    text-align: center;
    color: #fff;
    padding: 20px 0 0;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

div.icon-step2 span span.small {
    font-size: 10px;
    padding: 5px 0;
    text-transform: none;
}

div.icon-step2.i {
    margin-top: 45px;
}

.step-two_icons {
    display: block;
    vertical-align: top;
    margin: 0 10px;
}

.step-two_icons.four {
    display: block;
    vertical-align: top;
    margin: 0 5px 0 45px;
}

img.line-top {
    width: 410px;
    height: 112px;
    position: absolute;
    top: 440px;
    margin-left: 81px;
}

img.line-in {
    position: absolute;
    margin-left: 163px;
    margin-top: 70px;
}

span.desription {
    color: #fff;
}

.icon-one {
    display: inline-block;
    position: relative;
    width: 40%;
}

span.desription {
    color: #fff;
    padding: 20px;
    position: absolute;
    top: 2px;
    left: 61px;
    font-size: 16px;
    line-height: 22px;
}

span.desription strong {
    display: block;
}

.right p.blue {
    color: #fff;
}

.right p.bold {
    /*font-weight: bold;*/
    font-weight: normal;
}

.right p.normal {
    font-weight: normal;
}

div.index-box {
    display: inline-block;
}

div.index-box img {
    display: inline-block;
    float: left;
}

div.index-box .description {
    display: inline-block;
    float: right;
    width: 80%;
    padding: 18px 0;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

/*iconbox*/
div.icon-box {
    display: inline-block;
    margin: 15px 0;
}

div.icon-box img {
    display: inline-block;
    float: left;
    margin: 3px 0 0;
}

div.icon-box .description {
    display: inline-block;
    float: right;
    width: 85%;
    padding: 0;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.description.two {
    margin-top: 10px;
}

.show-title {
    position: absolute;
    display: block;
    padding: 0;
    cursor: default;
    text-decoration: underline;
}

.show-content {
    position: absolute;
    top: 160px;
    background: #000;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    max-width: 350px;
}

@media screen and (max-height: 780px) {
    .section-titile.fixed {

        margin-top: 23px !important;
    }

    .content-change.fixed {

        margin-top: 150px !important;

    }

    .right p {
        padding: 3px 0 5px;
    }

}

/*Interactive*/
.container.interactive {
    max-width: 1000px;
    width: 100%;
}

.content.interactive-content {
    max-width: 985px;
    width: 100%;
    margin: 0;
}

.interactive-head > div {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.interactive-head > div.prompter {
    background: #ffe28b;
    color: #866005;
    padding: 13px 8px 13px 18px;
    font-size: 14px;
    font-family: calibribold;
    border-radius: 5px;
    margin-left: 0;
}

.select.item1 .sbHolder, .select.item2 .sbHolder {
    background-color: #e6e6e6;
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 39px;
    position: relative;
    width: 250px;
    border: none;
    outline: none;
    z-index: 9;
}

.select.item1 .sbSelector, .select.item2 .sbSelector {
    padding: 5px;
    font-weight: bold;
}

.select.item1 .sbToggle, .select.item2 .sbToggle {
    right: 5px;
    top: 5px;
}

.select.item1 .sbOptions, .select.item2 .sbOptions {
    top: 39px !important;
    width: 250px;
    border-radius: 5px;
}

.interactive-head > div.number {
    background-color: #000000;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: -10px;
    left: 0;
    margin: 0;
}

.interactive-head {
    margin: 15px 0 40px;
    height: 40px;
    position: relative;
    width: 990px;
}

.interactive-middle.main {
    position: relative;
    top: 30px;
    margin-bottom: 70px;
    min-height: 700px;
}

.interactive-middle.main > div {
    display: inline-block;
    float: left;
    margin: 0;
}

.cont.left {
    background: #dfdfdf;
    width: 60%;
    max-width: 590px;
    border-radius: 0 0 0 5px; /*min-height:698px;*/
}

.cont.right {
    background: #218db0;
    width: 40%;
    max-width: 395px;
    border-radius: 0 5px 5px 5px;
    overflow: hidden;
}

.cont > div.in {
    padding: 25px;
}

.cont > div.in.result {
    padding: 25px 25px 0px 25px;
}

.cont.right > div.head {
    background-color: #14718f;
    color: #fff;
    padding: 20px 25px;
    font-size: 27px;
    font-weight: bold;
    font-family: calibriregular;
    letter-spacing: -1px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
    border-radius: 0 5px 0 0;
}

.interactive-label {
    color: #08495e;
    font-size: 12px;
    padding: 0 0 10px 0;
    display: block;
    text-transform: uppercase;
}

.in.result .select {
    margin-bottom: 25px;
    position: relative;
}

.in.result .sbHolder {
    background-color: #136c88;
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 39px;
    position: relative;
    width: 340px;
    border: none;
    outline: none;
}

.in.result .sbSelector {
    padding: 5px;
    font-weight: normal;
    width: 300px;
    color: #fff;
    font-size: 14px;
}

.in.result .sbToggle, .in.result .sbToggle {
    right: 5px;
    top: 5px;
}

.in.result .sbOptions {
    top: 39px !important;
    width: 340px;
    border-radius: 5px;
    background: #7dc9e1;
    border: 1px solid #37869f;
}

.in.result .sbOptions a {
    display: block;
    outline: none;
    padding: 9px 11px 9px;
    border-bottom: 1px solid #6ab9d2;
}

.in.result .sbOptions a:hover, .in.result .sbOptions a:focus, .in.result .sbOptions a.sbFocus {
    background: #44a8c7;
}

div.separator-line {
    border-top: 1px solid #2899be;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 0;
}

.many.interactive-label {
    color: #fff;
}

.many.absolute {
    position: absolute;
    background: #000;
    top: 0;
    max-width: 70px;
    text-align: center;
    right: 0;
    color: #fff;
}

.select.slide .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #a2def2;
    border-radius: 10px;
    border: none;
    padding: 3px 0;
    top: -5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.select.slide #slider-range-min {
    background: #136c88;
}

.select.slide .ui-slider-horizontal .ui-slider-range-min {
    background: #1a1a1a;
    border-radius: 4px 0 0 4px;
}

.select.slide #slider-range-min {
    border: none;
    height: 12px;
}

.select.radios div.radio {
    margin: 0 auto;
    top: 0;
    max-width: 345px;
    left: -2px;
    width: 345px;
}

.select.radios div.radio input[type="radio"] {
    display: none;
}

.select.radios div.radio input[type=radio] + label {
    display: inline-block;
    margin: 0px;
    padding: 9px 16px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background: #136c88;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 5px;
}

.select.radios div.radio input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    border: none;
    background-color: #033b4c;
    text-shadow: none;
    color: #FFFFFF;
    font-weight: normal;
    box-shadow: none;
}

/*consumption*/
.consumption.result {
    background: #7dc9e1;
    min-height: 168px;
}

.consumption.result > div {
    padding: 20px;
}

.consumption.result > div h2 {
    text-shadow: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.appliance.title {
    padding: 7px 0 7px 27px;
    height: 20px;
    font-size: 14px;
    color: #000;
    position: relative;
    margin: 0 0 10px 0;
}

span.icon.appliance {
    display: block;
    margin: 0 5px 0 0;
    background-image: url(/bundles/adfinancefrontend/images/icons/interactive/icons_big_gray.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 1006%;
    width: 20px;
    height: 21px;
    position: absolute;
    top: 3px;
    padding: 0;
    left: 0;
}

span.icon.appliance.category {
    display: block;
    margin: 0 5px 0 0;
    background-image: url(/bundles/adfinancefrontend/images/icons/interactive/icons_big_category_gray.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 20px;
    height: 21px;
    position: absolute;
    top: 3px;
    left: 0;
    background-size: 572%;
}

.consumption.result .result.left {
    display: inline-block;
    width: 55%;
}

.consumption.result .result.right {
    display: inline-block;
    width: 35%;
}

.consumption.result .result.left {
    margin: 0 15px 0 0;
}

.consumption.result .result .title {
    color: #033b4c;
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #6bb7cf;
    margin-bottom: 5px;
}

.result.left .left {
    display: inline-block;
    width: 29%;
}

.result.right .left {
    display: inline-block;
    width: 0%;
}

.result.left .right {
    display: inline-block;
    width: 71%;
    text-align: right;
}

.result.right .right {
    display: inline-block;
    margin-left: 10px;
}

.result.left .left, .result.right .left, .result.left .right, .result.right .right {
    color: #1f1f1f;
    font-size: 12px;
    padding: 4px 0;
    position: relative;
}

.result.left .left, .result.right .left {
    left: 10px;
}

.circle.color {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 6px;
    position: absolute;
    left: -11px;
    top: 5px;
}

.circle.color.green {
    background: #34af2a !important;
}

.circle.color.red {
    background: #df0000 !important;
}

.add-to-comparison a.button {
    width: 100%;
    max-width: 354px !important;
    border-top: 1px solid #1c9b1c;
}

.interactive.add-to-comparison a, .interactive.add-to-comparison button {
    width: 100%;
    max-width: 395px;
    margin: 0;
    padding: 0;
    text-align: left;
    padding: 5px 20px;
    font-size: 16px;
    text-decoration: none;
    height: auto;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.add-to-comparison .icon.plus {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_elements_white.png);
    background-position: -76px 1px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 20px;
    height: 20px;
}

.disabled-cont-right {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    width: 394px;
    min-height: 229px;
    z-index: 3;
    border-radius: 0 5px 5px 5px;
    padding: 1px 0 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    top: 0;
    right: 1px;
}

.disabled-cont-right span {
    position: relative;
    top: 250px;
}

img.icon {
    float: left;
    margin: 7px 25px 7px 10px;
}

.cont.left .in .introduction {
    margin-bottom: 10px;
    padding: 25px 20px 15px;
}

.cont.left .in .icons {
    height: inherit;
    margin: 0 0 3px 0;
}

.icons div.radio {
    left: 0;
    margin: 0 auto;
    max-width: 550px;
    text-align: center;
    top: 0;
}

.icons div.radio input[type="radio"] {
    display: none;
}

.icons div.radio input[type=radio] + label {
    background: #d7d7d7;
    display: inline-block;
    margin: 4px 0px 1px 5px;
    padding: 89px 10px 19px 10px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 13px;
    color: #5d5d5d;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 5px;
    width: 71px;
    position: relative;
    height: 25px;
    width: 85px;
    float: left;
}

.icons div.radio input[type=radio] + label:hover {
    background: #cccccc;
}

.icons div.radio input[type=radio] + label > span {
    background-image: url(/bundles/adfinancefrontend/images/icons/interactive/icons_big_gray.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 44px;
    display: block;
    position: absolute;
    top: 25px;
    left: 28px;
}

.introduction p {
    color: #1a1a1a;
    font-size: 13px;
}

.icons div.radio input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    border: none;
    background-color: #218db0;
    text-shadow: none;
    color: #FFFFFF;
    font-weight: normal;
    box-shadow: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.icons div.radio input[type=radio]:checked + label > span {
    background-image: url(/bundles/adfinancefrontend/images/icons/interactive/icons_big_white.png);
}

input.title-name-by-icon {
    background: none;
    border: none;
    font-size: 22px;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: bold;
    max-width: 344px;
}

input.title-name-by-icon.small {
    background: none;
    border: none;
    background-image: none;
    padding: 0;
    margin: 0;
    width: auto;
    max-width: inherit;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

/*position icons*/
label > span.tv {
    background-position: -64px -4px;
}

label > span.lcd {
    background-position: -64px -4px;
}

label > span.dryer-hair {
    background-position: 0px -60px;
}

label > span.hair-straightener {
    background-position: -60px -60px;
}

label > span.epilator {
    background-position: -125px -60px;
}

label > span.shaver {
    background-position: -185px -60px;
}

label > span.boiler {
    background-position: -248px -60px;
}

label > span.washer {
    background-position: -305px -60px;
}

label > span.dryer {
    background-position: -365px -60px;
}

label > span.electric-toothbrush {
    background-position: -425px -5px;
}

label > span.curling-iron {
    background-position: -485px -5px;
}

label > span.charger {
    background-position: -425px -60px;
}

label > span.console {
    background-position: -485px -60px;
}

label > span.settopbox {
    background-position: -545px -60px;
}

label > span.satelite {
    background-position: -5px -115px;
}

label > span.vhs {
    background-position: -65px -115px;
}

label > span.dvd {
    background-position: -125px -115px;
}

label > span.cd {
    background-position: -125px -115px;
}

label > span.hifi {
    background-position: -185px -115px;
}

label > span.radio {
    background-position: -125px -5px;
}

label > span.electric-alarm {
    background-position: -245px -115px;
}

label > span.lamp {
    background-position: -306px -114px;
}

label > span.external-disc {
    background-position: -366px -114px;
}

label > span.home-theater {
    background-position: -426px -114px;
}

label > span.pc {
    background-position: -486px -114px;
}

label > span.copier {
    background-position: -546px -114px;
}

label > span.fax {
    background-position: -5px -165px;
}

label > span.phone-recorder {
    background-position: -5px -165px;
}

label > span.notebook {
    background-position: -65px -165px;
}

label > span.print {
    background-position: -125px -165px;
}

label > span.pc-speakers {
    background-position: -185px -165px;
}

label > span.router {
    background-position: -245px -165px;
}

label > span.bulb {
    background-position: -305px -5px;
}

label > span.bulb-saving {
    background-position: -365px -5px;
}

label > span.airconditioning {
    background-position: -304px -165px;
}

label > span.heaters {
    background-position: -364px -165px;
}

label > span.ventilator {
    background-position: -424px -165px;
}

label > span.hoover {
    background-position: -484px -165px;
}

label > span.iron {
    background-position: -546px -165px;
}

label > span.lawn {
    background-position: -6px -220px;
}

label > span.humidifier {
    background-position: -65px -220px;
}

label > span.brush-cutter {
    background-position: -125px -220px;
}

label > span.drill {
    background-position: -185px -220px;
}

label > span.kettle {
    background-position: -245px -220px;
}

label > span.toaster {
    background-position: -305px -220px;
}

label > span.mixer {
    background-position: -365px -220px;
}

label > span.hob {
    background-position: -425px -220px;
}

label > span.microwave {
    background-position: -485px -220px;
}

label > span.oven {
    background-position: -186px -5px;
}

label > span.frigidere {
    background-position: -545px -220px;
}

label > span.usa-frigidere {
    background-position: -5px -275px;
}

label > span.fridge {
    background-position: -65px -275px;
}

label > span.drawer-freezer {
    background-position: -125px -275px;
}

label > span.chest-freezers {
    background-position: -185px -275px;
}

label > span.food-processor {
    background-position: -246px -275px;
}

label > span.washing-machine {
    background-position: -305px -275px;
}

label > span.hood {
    background-position: -365px -275px;
}

label > span.fryer {
    background-position: -425px -275px;
}

label > span.coffeemaker {
    background-position: -486px -275px;
}

/*appliance*/
/*appliance*/
span.appliance.icon.tv {
    background-position: -19px 3px;
}

span.appliance.icon.lcd {
    background-position: -19px 3px;
}

span.appliance.icon.radio {
    background-position: -41px 1px;
    top: 9px !important;
}

span.appliance.icon.stove {
    background-position: -63px 3px;
    top: 9px !important;
}

span.appliance.icon.notebook {
    background-position: -82px 3px;
    top: 9px !important;
}

span.appliance.icon.bulb {
    background-position: -101px 3px;
    top: 9px !important;
}

span.appliance.icon.bulb-saving {
    background-position: -122px 3px;
    top: 9px !important;
}

span.appliance.icon.bulb-saving {
    background-position: -122px 3px;
    top: 9px !important;
}

span.appliance.icon.electric-toothbrush {
    background-position: -142px 3px;
    top: 9px !important;
}

span.appliance.icon.curling-iron {
    background-position: -162px 3px;
    top: 9px !important;
}

span.appliance.icon.dryer-hair {
    background-position: 0px -15px;
    top: 9px !important;
}

span.appliance.icon.hair-straightener {
    background-position: -20px -17px;
    top: 10px !important;
}

span.appliance.icon.epilator {
    background-position: -40px -17px;
    top: 10px !important;
}

span.appliance.icon.shaver {
    background-position: -60px -17px;
    top: 10px !important;
}

span.appliance.icon.boiler {
    background-position: -82px -17px;
    top: 11px !important;
}

span.appliance.icon.washing-machine {
    background-position: -101px -17px;
    top: 11px !important;
}

span.appliance.icon.dryer {
    background-position: -121px -17px;
    top: 11px !important;
}

span.appliance.icon.charger {
    background-position: -141px -17px;
    top: 11px !important;
}

span.appliance.icon.gamepad {
    background-position: -161px -17px;
    top: 11px !important;
}

span.appliance.icon.settopbox {
    background-position: -181px -17px;
    top: 11px !important;
}

span.appliance.icon.satelite {
    background-position: 0px -35px;
    top: 11px !important;
}

span.appliance.icon.vhs {
    background-position: -19px -35px;
    top: 11px !important;
}

span.appliance.icon.cd {
    background-position: -40px -35px;
    top: 11px !important;
}

span.appliance.icon.dvd {
    background-position: -40px -35px;
    top: 11px !important;
}

span.appliance.icon.hifi {
    background-position: -60px -35px;
    top: 11px !important;
}

span.appliance.icon.alarm {
    background-position: -80px -35px;
    top: 10px !important;
}

span.appliance.icon.lamp {
    background-position: -100px -35px;
    top: 10px !important;
}

span.appliance.icon.disc {
    background-position: -120px -35px;
    top: 11px !important;
}

span.appliance.icon.home-theater {
    background-position: -140px -35px;
    top: 11px !important;
}

span.appliance.icon.pc {
    background-position: -160px -35px;
    top: 11px !important;
}

span.appliance.icon.copier {
    background-position: -181px -35px;
    top: 11px !important;
}

span.appliance.icon.phone {
    background-position: 0px -53px;
    top: 11px !important;
}

span.appliance.icon.print {
    background-position: -40px -53px;
    top: 11px !important;
}

span.appliance.icon.repro {
    background-position: -60px -53px;
    top: 11px !important;
}

span.appliance.icon.router {
    background-position: -80px -53px;
    top: 11px !important;
}

span.appliance.icon.aircondition {
    background-position: -100px -53px;
    top: 11px !important;
}

span.appliance.icon.heaters {
    background-position: -120px -53px;
    top: 11px !important;
}

span.appliance.icon.ventilator {
    background-position: -140px -53px;
    top: 11px !important;
}

span.appliance.icon.hoover {
    background-position: -160px -53px;
    top: 11px !important;
}

span.appliance.icon.iron {
    background-position: -180px -53px;
    top: 11px !important;
}

span.appliance.icon.lawn {
    background-position: -0px -70px;
    top: 11px !important;
}

span.appliance.icon.humidifier {
    background-position: -20px -70px;
    top: 11px !important;
}

span.appliance.icon.brush-cutter {
    background-position: -40px -70px;
    top: 11px !important;
}

span.appliance.icon.drill {
    background-position: -60px -70px;
    top: 11px !important;
}

span.appliance.icon.kettle {
    background-position: -80px -70px;
    top: 11px !important;
}

span.appliance.icon.toaster {
    background-position: -100px -70px;
    top: 11px !important;
}

span.appliance.icon.mixer {
    background-position: -120px -70px;
    top: 11px !important;
}

span.appliance.icon.hob {
    background-position: -140px -72px;
    top: 11px !important;
}

span.appliance.icon.microwave {
    background-position: -160px -72px;
    top: 11px !important;
}

span.appliance.icon.frigidere {
    background-position: -180px -72px;
    top: 11px !important;
}

span.appliance.icon.usa-frigidere {
    background-position: 0px -90px;
    top: 11px !important;
}

span.appliance.icon.fridge {
    background-position: -20px -90px;
    top: 11px !important;
}

span.appliance.icon.drawer-freezer {
    background-position: -40px -90px;
    top: 11px !important;
}

span.appliance.icon.chest-freezers {
    background-position: -60px -90px;
    top: 11px !important;
}

span.appliance.icon.food-processor {
    background-position: -80px -90px;
    top: 11px !important;
}

span.appliance.icon.washing-machine {
    background-position: -100px -90px;
    top: 11px !important;
}

span.appliance.icon.hood {
    background-position: -120px -90px;
    top: 11px !important;
}

span.appliance.icon.fryer {
    background-position: -140px -90px;
    top: 11px !important;
}

span.appliance.icon.coffeemaker {
    background-position: -160px -90px;
    top: 11px !important;
}

span.appliance.icon.external-disc {
    background-position: -120px -34px;
    top: 11px !important;
}

span.appliance.icon.fax {
    background-position: 0px -53px;
    top: 11px !important;
}

span.appliance.icon.pc-speakers {
    background-position: -60px -53px;
    top: 11px !important;
}

span.appliance.icon.phone-recorder {
    background-position: 0px -53px;
    top: 11px !important;
}

span.appliance.icon.electric-alarm {
    background-position: -80px -36px !important;
}

span.appliance.icon.airconditioning {
    background-position: -100px -53px !important;
}

span.appliance.icon.oven {
    background-position: -62px 2px !important;
}

.appliance.title > span.icon {
    top: 5px !important;
}

/*CATEGORY*/
span.appliance.category.bathroom {
    background-position: -38px 0;
    top: 12px !important;
}

span.appliance.category.living-room {
    background-position: -20px 0px;
    top: 12px !important;
}

span.appliance.category.kitchen {
    background-position: -76px 0px;
    top: 12px !important;
}

span.appliance.category.other {
    background-position: -96px 0px;
    top: 12px !important;
}

span.appliance.category.light {
    background-position: -56px 0px;
    top: 11px !important;
}

/*END position icons*/
#tabs {
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    background: transparent;
    top: -32px;
}

.cont .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.cont .ui-tabs .ui-tabs-nav {
    background: none;
    border: none;
    padding: .2em 0em 0px;
}

.cont .ui-tabs .ui-tabs-nav li {
    background: transparent;
    border: none;
    top: -5px;
}

.cont .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    background: #dfdfdf;
    border: 1px solid #dfdfdf;
    border-radius: 5px 5px 0 0;
    color: #000;
    font-weight: normal;
}

.cont .ui-tabs .ui-tabs-nav li a {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
}

.cont .ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 1em;
}

/*TABLE summary*/
.interactive-bottom.table-all.summary div.table.result {
    padding: 30px 30px 80px 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    display: block;
}

.interactive-bottom.table-all.summary {
    margin-top: 25px;
    display: inline-block;
    max-width: 984px;
    width: 100%;
}

.interactive-bottom.table-all.summary div.table div.cell {
    margin: 0 3px 0 0;
    border: none;
    width: inherit;
    position: relative;
    padding: 12px 17px;
    font-size: 15px;
    background-color: #f7f7f7;
    text-align: right;
    display: inline-block;
}

div.table div.cell.name {
    padding-left: 45px !important;
}

.interactive-bottom.table-all.summary div.table div.row {
    padding: 0 !important;
    border: none;
    margin-bottom: 3px;
    width: 920px;
    display: block;
}

.interactive-bottom.table-all.summary div.table div.row div.cell span.icon.appliance {
    top: 10px;
    left: 15px;
}

.interactive-bottom.table-all.summary div.table div.cell.name.title {
    width: calc(100% - 62px);
    text-align: left;
    background-color: #d2d2d2 !important;
    font-weight: bold;
    max-width: inherit;
}

.interactive-bottom.table-all.summary div.table div.cell.name.title {
    width: calc(100% - 46px);
    text-align: left;
    background-color: #d2d2d2 !important;
    font-weight: bold;
    padding: 0 0 0 17px;
}

.category-name {
    display: inline-block;
    float: left;
    padding: 12px 0;
}

.interactive-bottom.table-all.summary div.table .cell.name {
    width: calc(19% - 2px);
    text-align: left;
}

.interactive-bottom.table-all.summary div.table .cell.attr1 {
    width: 28%;
}

.interactive-bottom.table-all.summary div.table .cell.attr2 {
    width: 14%;
}

.interactive-bottom.table-all.summary div.table .cell.attr3 {
    width: 13%;
}

#resultSummary .summary-row .cell.name {
    width: calc(26% - 2px);
    text-align: left;
}

#resultSummary .summary-row .cell.attr1 {
    width: 10%;
}

#resultSummary .summary-row .cell.attr2 {
    width: 10%;
}

#resultSummary .summary-row .cell.attr3 {
    width: 10%;
}

#resultSummary .summary-row .cell.context {
    width: 24%;
}

.interactive-bottom.table-all.summary div.table .cell.context {
    width: 55px;
    padding: 12px 5px 11px;
    text-align: right;
    margin: 0;
}

.row.tbody.deleted > div {
    background-color: #FFC0C0 !important;
}

.cell.name.title .buttons {
    display: inline-block;
    float: right;
    border-left: 1px solid #bebebe;
}

.buttons a {
    padding: 12px;
    display: inline-block;
    border-left: 1px solid #ddd;
    color: #858585;
    font-weight: normal;
    text-decoration: none;
}

.buttons a.add {
    border-right: 1px solid #bebebe;
    color: #000;
    background: #dcdcdc;
    font-weight: bold;
}

.interactive-bottom.table-all.summary div.table div.row.thead {
    max-height: 42px;
}

.icon.add, .icon.show, .icon.hide {
    width: 11px;
    height: 11px;
    position: absolute;
    background: transparent;
    top: 12px;
    left: 10px;
    font-weight: normal;
    color: #000;
}

.icon.add {
    font-size: 20px;
}

.icon.show {
    color: #000;
}

.icon.hide {
    color: #858585;
}

.buttons a.add, .buttons a.show-all-row {
    border-right: 1px solid #bebebe;
    padding-left: 30px;
    position: relative;
}

.delete, .edit {
    position: relative;
    padding: 5px 13px 4px;
    text-align: center;
    text-decoration: none;
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_elements_white.png);
}

.delete:hover, .edit:hover, .delete:focus, .edit:focus {
    text-decoration: none;
}

.delete > span {
    font-size: 25px;
    position: absolute;
    top: 4px;
    left: 5px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.delete {
    background-color: #fc0000;
    color: #fff;
    text-decoration: none;
    width: 17px;
    height: 18px;
    background-position: -242px 2px;
}

.edit {
    background-color: #63b3cc;
    color: #fff;
    text-decoration: none;
    width: 17px;
    overflow: hidden;
    height: 18px;
    background-position: -223px 2px;
}

.edit > span {
    font-size: 15px;
    position: absolute;
    top: 4px;
    left: 10px;
    transform: rotate(34deg);
    -ms-transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
}

.redBg > div {
    background-color: #f7c8c8 !important;
}

.interactive-bottom.calculation-assumptions {
    margin: 30px 0 0;
    padding: 35px 0 15px;
}

.interactive-bottom.calculation-assumptions p {
    font-size: 13px;
}

.button.show-results {
    border-radius: 0 0 5px 5px;
    display: inline-block;
    float: right;
    font-size: 17px;
    max-width: 250px;
    height: 46px;
    padding-left: 20px !important;
    text-align: left;
    width: 100%;
    text-decoration: none;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.button.show-results .icon.piggy {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_elements_white.png);
    background-position: -186px 1px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 9px;
    width: 30px;
    height: 28px;
}

.socials.interactive {
    background-image: url(/bundles/adfinancefrontend/images/icons/interactive/bg-socials-icons.png);
    background-position: 0 33px;
    background-repeat: no-repeat;
    bottom: -44px;
    height: 70px;
    padding: 7px 3px 0;
    position: absolute;
}

.socials.interactive .item.social.facebook {
    background-position: 2px -45px;
    background-size: 631% auto;
    height: 45px;
    width: 40px;
    margin: 5px 0 5px 6px;
}

.socials.interactive .item.social.facebook img {
    bottom: 7px;
    position: relative;
    right: 4px;
    width: 28px;
}

.socials.interactive .item.social.youtube {
    background-position: -42px -45px;
    background-size: 631% auto;
    height: 45px;
    width: 40px;
}

.socials.interactive .item.social.youtube img {
    bottom: 6px;
    position: relative;
    right: 5px;
    width: 28px;
}

.socials.interactive .item.social.email {
    background-position: -169px -45px;
    background-size: 631% auto;
    height: 45px;
    margin: 5px 0 5px 3px;
    width: 40px;
}

.socials.interactive .item.social.email img {
    bottom: 6px;
    position: relative;
    right: 4px;
    width: 26px;
}

.text input[type="text"] {
    background: #136c88;
    border: 1px solid #136c88;
    max-width: 308px;
    margin: 5px 0 22px;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
}

.text::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #54abc7;
    font-size: 14px;
}

.text:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #54abc7;
    font-size: 14px;
}

.text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #54abc7;
    font-size: 14px;
}

.text:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #54abc7;
    font-size: 14px;
}

.def.top-text {
    padding: 87px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    position: relative;
    z-index: 1;
}

.def.top {
    position: absolute;
    top: 520px;
    z-index: 5;
    min-width: 984px;
}

.through-tabs {
    height: 34px;
    top: 0px;
    position: absolute;
    width: 540px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px 5px 0 0;
}

.through-content-left {
    top: 34px;
    position: absolute;
    width: 590px;
    min-height: 700px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0px 0px 0px 5px;
}

.through-content-right {
    width: 394px;
    float: right;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    top: 34px;
    padding: 1px 0;
    height: 750px;
    border-radius: 0px 5px 5px 5px;
}

.interactive-bottom.table-all.summary div.table .cell.context {
    max-width: 219px !important;
}

.cont .ui-tabs .ui-tabs-nav li {
    margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cont .ui-tabs .ui-tabs-nav li {
        margin-top: 1px !important;
    }

    .through-content-right {
        padding: 0 !important;
    }

    .interactive-bottom.table-all.summary div.table .cell.context {
        max-width: inherit !important;
    }
}

/*INTERACTIVE RESULT*/
/*ALL CELL THEAD2*/
.interactive-bottom.result.table-all.summary .row.thead2 .cell,
.interactive-bottom.result.table-all.summary .row.tfoot .cell {
    position: relative;
    padding: 12px 17px;
    font-size: 15px;
    background-color: #ebebeb !important;
    text-align: left;
    display: inline-block;
    color: #3c3c3c;
    font-weight: bold;

}

.interactive-bottom.result.table-all.summary .row.thead2 .cell.head1,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot1 {
    width: 25%;
    min-width: 265px;

}

.interactive-bottom.result.table-all.summary .row.thead2 .cell.head2,
.interactive-bottom.result.table-all.summary .row.thead2 .cell.head3,
.interactive-bottom.result.table-all.summary .row.thead2 .cell.head4,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot2,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot3,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot4 {
    width: 10%;
    min-width: 92px;

}

.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot2,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot3,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot4 {
    text-align: right;
}

.interactive-bottom.result.table-all.summary .row.thead2 .cell.head5,
.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot5 {
    width: 21%;
    min-width: 196px;
    margin: 0 !important;

}

.interactive-bottom.result.table-all.summary .row.tfoot .cell.foot5 {
    text-align: right;
}

.green-price {
    color: #1da21d;
    padding: 0 15px 0 0;
    font-weight: bold;
}

.orderby {
    background-image: url(/bundles/adfinancefrontend/images/icons/arrow-orderby.png);
    position: absolute;
    top: 2px;
    right: 6px;
    width: 20px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 3px center;
}

.orderby.desc {
    background-position: -29px center;
}

.orderby.asc {
    background-position: -13px center;
}

.interactive-bottom.result.table-all.summary .edit {
    position: absolute;
    right: -23px;
    width: 22px;
    padding: 0;
    height: 22px;
    top: 0;
    background-position: -225px 1px;

}

.interactive-bottom.result.table-all.summary .delete {
    position: absolute;
    right: -23px;
    width: 22px;
    padding: 0;
    height: 22px;
    bottom: 0;
    background-position: -244px 1px;

}

.interactive-bottom.result.table-all.summary div.table .all-row .row:hover .cell {
    background: #fff9dc;
}

.interactive-bottom.result.table-all.summary {
    margin-top: 0;

}

.interactive-bottom.table-all.summary.result div.table.result {
    border-radius: 0 0 5px 5px;
}

.interactive-content-result.house .house-content {
    padding: 0;
    background-color: #fff;
    background-image: url(/bundles/adfinancefrontend/images/bg/sky.png), url(/bundles/adfinancefrontend/images/bg/city.jpg);
    background-position: 0 0, left 150px;
    background-repeat: repeat-x, no-repeat;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    position: relative;
    max-width: 982px;
    border-bottom: 0;
    display: inline-block;
    width: 100%;
    min-height: 170px;
    overflow: hidden;
    margin-top: 20px;
}

#house .house-content .left {
    padding: 30px;
    width: calc(68% - 60px);
    display: inline-block;
    float: left;

    position: relative;
    max-width: 603px;
}

#house .house-content .right {
    padding: 0;
    width: 32%;
    display: inline-block;
    min-width: 319px;
    height: 570px;
    position: relative;
}

#house .house-content .right .content1 {
    background: #004b5e;
    padding: 50px 30px 41px;
    width: calc(100% - 60px);
    display: inline-block;
    height: calc(42% - 60px);
    max-height: 190px;
}

#house .house-content .right .content2 {
    background: #004b5e;
    padding: 48px 40px 50px;
    width: calc(100% - 80px);
    display: inline-block;

}

#house .house-content .right .content3 {
    background: #e6e6e6;
    padding: 30px;
    width: calc(100% - 60px);
    display: inline-block;
    height: calc(52% - 60px);
}

.house-image {
    background-image: url(/bundles/adfinancefrontend/images/bg/house.png);
    display: inline-block;
    width: 380px;
    height: 239px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    top: 245px;
    left: 21%;
}

.house-item {
    position: absolute;
    z-index: 2;
}

.house-item.res1 {
    top: 410px;
    left: 80px;
}

.house-item.res2 {
    top: 160px;
    left: 100px;
}

.house-item.res3 {
    top: 90px;
    left: 284px;
}

.house-item.res4 {
    top: 160px;
    right: 100px;
}

.house-item.res5 {
    top: 410px;
    right: 80px;
}

.percent {
    background: url(/bundles/adfinancefrontend/images/bg/bg-percents.png);
    display: block;
    width: 95px;
    height: 23px;
    padding: 42px 0;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

.res1 .percent {
    background-position: 0 0px;
    color: #008fb3;
}

.res2 .percent {
    background-position: -95px 0px;
    color: #993a89;
}

.res3 .percent {
    background-position: -190px 0px;
    color: #ddad2a;
}

.res4 .percent {
    background-position: -285px 0px;
    color: #398f32;
}

.res5 .percent {
    background-position: -380px 0px;
    color: #c61230;
}

/*HOVER*/
.percent:hover,
.percent.active {
    background-position-y: -107px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.name-item {
    display: block;
    width: 95px;
    height: 23px;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.load-number {
    position: absolute;
    font-size: 26px;
    letter-spacing: 0.78em;
    padding: 0;
    text-align: right;
    color: #ffffff;
    top: 0px;
    z-index: 2;
    width: 200px;
}

.load-number .price {
    display: inline;
    font-family: calibriRegular;
    padding: 15px 0;
    position: relative;
    right: -32px;
    top: 14px;
    width: 220px;
}

.bg-load-number {
    position: absolute;
    width: 220px;
    height: 66px;
    background: transparent;
    top: 0px;
    z-index: 1;
}

.bg-load-number > span {
    background: #013c4b;
    display: inline-block;
    height: 54px;
    width: 32px;
    float: right;
    margin: 0 1px;
}

.all-load-number {
    display: block;
    height: 95px;
    position: relative;
    top: 10px;
}

.re-standby > span {
    display: block;
    color: #0bc0ee;
    font-size: 21px;
    font-weight: lighter;
    font-family: CalibriRegular;
    width: 200px;
    margin: 0 auto;
}

.re-standby > a {
    color: #fff;
    width: 200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: block;
}

.re-standby > a:hover {
    text-decoration: none;
}

.content1 h3 {
    color: #fff;
    padding: 0 0 20px 0;
    text-align: center;
}

.re-standby {
    position: relative;
    width: 260px;
    overflow: hidden;
    height: 150px;
}

.currency {
    display: inline;
    position: relative;
    top: 13px;
    right: -8px;
    letter-spacing: 3px;
    font-family: calibriRegular;
}

.bg-load-number > span.curr {
    width: 54px;
}

element.style {
}

.line-res {
    display: block;
    width: 100%;
    height: 1px;
    background: #013c4b;
    position: relative;
    border-bottom: 1px solid #0b5c70;
}

.line-cont {
    display: block;
    width: 100%;
    height: 1px;
    background: #013c4b;
    position: relative;
}

.head-h3 {
    height: 45px;
    padding: 0;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-tip.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
}

.content2 h3 {
    font-size: 18px;
    color: #fff;
    display: inline;
    border-bottom: 2px solid #fff;
    padding-bottom: 12px;
    letter-spacing: 0.03em;
}

#house .tip_result {
    color: #fff;
    line-height: 1.3em;
    padding: 8px 0 8px;
    text-align: left;
    font-family: CalibriRegular;
    text-align: justify;
    font-size: 16px;
}

/*1*/
.res1 .dashed-line-top {
    width: 1px;
    height: 10px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: -15px;
    right: 45px;
}

.res1 .dashed-line-right {
    width: 85px;
    height: 1px;
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    top: -17px;
    left: 50px;
}

.res1 .room-point {
    position: absolute;
    background: #008fb3;
    width: 6px;
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 35px;
    top: -21px;
    right: -50px;
}

/*2*/
.res2 .dashed-line-top {
    width: 1px;
    height: 10px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    bottom: -8px;
    right: 47px;
}

.res2 .dashed-line-right {
    width: 89px;
    height: 1px;
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    bottom: -10px;
    right: -42px;
}

.res2 .room-point {
    position: absolute;
    background: #993a89;
    width: 6px;
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 35px;
    bottom: -14px;
    right: -50px;
}

/*3*/
.res5 .dashed-line-top {
    width: 1px;
    height: 10px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: -15px;
    right: 47px;
}

.res5 .dashed-line-right {
    width: 89px;
    height: 1px;
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    top: -17px;
    left: -42px;
}

.res5 .room-point {
    position: absolute;
    background: #c61230;
    width: 6px;
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 35px;
    top: -21px;
    left: -51px;
}

/*4*/
.res4 .dashed-line-top {
    width: 1px;
    height: 10px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    bottom: -8px;
    right: 47px;
}

.res4 .dashed-line-right {
    width: 89px;
    height: 1px;
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    bottom: -10px;
    left: -42px;
}

.res4 .room-point {
    position: absolute;
    background: #398f32;
    width: 6px;
    height: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 35px;
    bottom: -14px;
    left: -50px;
}

/*5*/
.res3 .dashed-line-top {
    width: 1px;
    height: 50px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    bottom: -45px;
    right: 47px;
}

.res3 .dashed-line-right {
    width: 89px;
    height: 1px;
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    bottom: -10px;
    left: -42px;
}

.res3 .room-point {
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_bulb.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 49px;
    bottom: -77px;
    right: 25px;
}

.home-design {
    display: inline-block;
    width: 100%;
    height: 510px;
    margin-bottom: 90px;
}

.bottom-results {
    width: 100%;
    display: block;
    position: relative;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px
}

.bottom-results > div {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_box-result.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 33%;
    display: inline-block;
    text-align: center;
    padding: 65px 0 35px;
}

.bottom-results > div .price {
    font-family: calibriBold;
    font-size: 33px;
}

.bottom-results > div .description {
    padding: 15px 0 0;
    width: 50%;
    margin: 0 auto;
    line-height: 18px;
    color: #575555;
    font-family: calibriregular;
    font-size: 14px;
}

.price1 {
    color: #008fb3;
}

.price2 {
    color: #0cbb29;
}

.price3 {
    color: #f30d0d;
}

.article-bottom h4 {
    margin: 0;
    font-size: 15px;
}

.article-bottom p {
    font-size: 12px;
    color: #4c4c4c;
    padding: 0.4em 0 0 0;
}

div.more-info {
    display: inline-block;
    float: right;
    position: relative;
}

div.more-info span.action-icon {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_action-elements.png);
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    padding: 0;
}

div.more-info a {
    color: #34AF2A;
    display: block;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
}

div.more-info a:hover, div.list-main-article div.title div.more-info a:focus {
    text-decoration: underline;
}

.article-bottom {
    padding: 0 15px;
}

#house .house-content .right .content3 h3 {
    text-align: center;
    font-family: CalibriBold;
    font-weight: bold;
    font-size: 23px;
    line-height: 32px;
    color: #404040;
}

#house .house-content .right .content3 h3 span {
    text-align: center;
    font-family: CalibriRegular;
    font-weight: normal;
    display: block;

}

.box-price-all {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_box-result-all.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 72px 0 84px;
    margin: 10px 0 1px;
    border-bottom: 1px solid #d5d5d5;
}

.box-price-all .price {
    font-family: calibriBold;
    font-size: 33px;
    color: #32ba32;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.box-price-all .price:hover {
    text-decoration: underline;
}

.box-price-all .description {
    padding: 15px 0 0;
    width: 50%;
    margin: 0 auto;
    line-height: 18px;
    color: #575555;
    font-family: calibriregular;
    font-size: 14px;
}

.box-price-all .description strong {
    display: block;
}

.box-price-all .description {
    color: #fff;
}

.box-price-all .arrow-down-i {
    background-image: url(/bundles/adfinancefrontend/images/bg/arrow_down_all.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    bottom: 133px;
    left: 146px;
    width: 25px;
    height: 10px;
}

.button-change {
    margin: 45px auto 0;
    width: 90%;
}

.button-change .button {
    width: calc(100% - 40px);
    max-width: inherit;
    padding: 3px 20px;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.icon.calculator {
    background-image: url(/bundles/adfinancefrontend/images/icons/icons_elements_white.png);
    background-position: -266px 1px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 30px;
    height: 28px;
}

#rooms.radio {
    left: 0;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    text-align: center;
    top: 0;
}

#rooms input[type=radio] + label {
    width: inherit;
    font-family: calibriRegular;
    padding: 8px 15px 5px !important;
    background-color: #e6f4f6;
    background-image: none;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
    color: #565757;
}

#rooms input[type=radio]:checked + label {
    font-weight: normal;
    background-color: #c1cdce;
    color: #565757;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

#price.radio {
    left: 0;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    text-align: center;
    top: 0;
}

#price input[type=radio] + label {
    width: inherit;
    font-family: calibriRegular;
    padding: 5px 15px 2px !important;
    background-color: #e5e9e9;
    background-image: none;
    font-weight: bold;
    color: #565757;
    text-shadow: 0px 1px 0px #fff;
}

#price input[type=radio]:checked + label {
    font-weight: normal;
    background-color: #c1cdce;
    color: #565757;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);

}

.center-result {
    position: absolute;
    top: 550px;
    left: 255px;
    text-align: center;
    width: 150px;
}

.center-result > div.desc {
    text-align: center;
    font-size: 15px;
    font-family: CalibriBold;
    color: #000;
    text-transform: uppercase;
    padding: 10px 0;
}

.dashed-line-top-selector {
    width: 1px;
    height: 70px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: -70px;
    right: 74px;
    opacity: 0.4;
}

.dashed-line-bottom-selector {
    width: 1px;
    height: 48px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 62px;
    right: 74px;
    opacity: 0.4;
}

.dashed-line-bottom-selector2 {
    width: 1px;
    height: 58px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 51px;
    right: -128px;
    opacity: 0.4;
}

.dashed-line-bottom-selector3 {
    width: 1px;
    height: 58px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-x.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 51px;
    left: -126px;
    opacity: 0.4;
}

.dashed-line-bottom-main {
    width: 404px;
    height: 1px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_dashed-line-y.png);
    background-repeat: repeat-x;
    position: absolute;
    top: 50px;
    left: -126px;
    opacity: 0.4;
}

.interactive .field-validation-error {
    float: none;
    margin-top: 3px;
}

#e404 h1 {
    display: block;
}

#e500 {
    background: url(/bundles/adfinancefrontend/images/error/500.png) no-repeat;
    padding: 55px 0 0 283px;
    width: 300px;
    height: 250px;
    margin: 30px auto;
}

#e500 h3 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 25px 0 20px;
    color: #333;
}

#e500 .txt {
    font-size: 14px;
    color: #4C4C4C;
}

.hasFixationDate, .extend_fixation_date {
    line-height: 1.4em;
    position: relative;
    top: -5px;
}

#extend_fixation_date .sbHolder {
    float: left;
    width: 70px;
    margin-right: 6px;
    position: relative;
    top: 6px;
}

.house-image, .center-result, #house .res1, #house .res2, #house .res3, #house .res4, #house .res5 {
    display: none;
}

.box.mostread ul li {
    margin-bottom: 5px;
}

/*Top contact in calculator */
#contact-top {
    position: absolute;
    top: 70px;
    right: 23px;
    width: 385px;
    text-align: right;
}

#contact-top .phone {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    color: #333333;
    padding: 1px 2px 0 0;
    vertical-align: top;
}

#contact-top .email {
    padding-left: 13px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
}

#contact-top .email, #contact-top .email a {
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    color: #0b9cb9;
    text-align: right;
    text-decoration: none;
}

#contact-top .email, #contact-top .email a:hover {
    text-decoration: underline;
}

/*different logo in calculator*/
#header div#logo.calculator {
    top: 45px !important;
}

.phone img.icon {
    margin: -3px 10px 0 0;
}

/*POPUP TERMS DIALOG CLASS*/
.terms-modal {
    z-index: 999 !important;
}

.terms-modal p {
    font-size: 14px;
}

/*POPUP INDEX DIALOG CLASS*/
.popup-index {
    border: 4px solid rgba(0, 0, 0, 0.6) !important;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x !important;
    color: #222 !important;
    z-index: 999 !important;
    padding: 0 !important;
    overflow: hidden;
}

.popup-index > .ui-widget-content {
    border: none !important;
}

.popup-index > .ui-widget-header {
    background-color: #109ed1 !important;
    background-image: none;
    color: #fff;
    border-color: #109ed1;
    padding: 12px 18px !important;
    font-size: 23px;
    font-family: arial;
    border-radius: 0;
}

.popup-index > div > .ui-button {
    outline: none;
    padding: 15px 16px 17px !important;
    position: absolute !important;
    top: 18px !important;
    right: 11px !important;
    border-radius: 25px;
    border-color: #1387b1 !important;
    background: #9cdcf3 !important;
}

.popup-index > .ui-dialog-content {
    padding: 1em 2em !important;
    display: none;
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-flashbulb-big.png"), url("/bundles/adfinancefrontend/images/bg/bg-popup-index.png") !important;
    background-repeat: no-repeat, repeat-x !important;
    background-position: 540px center, 0 0 !important;
}

.popup-index p {
    text-align: left;
    padding: 10px 0 6px;
}

.popup-index .info {
    display: inline-block;
    padding: 22px 0 29px;
    width: 77%;
    position: relative;
}

.popup-index .info p {
    box-shadow: 0 2px 1px #ddd;
    font-size: 0.9em !important;
    text-align: justify;
    padding: 20px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background: #fff;
}

.popup-index h3 {
    margin: 15px 0 10px;
    color: #008fb4;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px 0;
    font-size: 24px;
}

.popup-index h4 {
    margin: 15px 0 0px;
    color: #109ed1;
    padding-bottom: 10px;
    font-size: 16px;
}

.popup-index .left {
    float: left;
    width: calc(28% - 30px);
    display: inline-block;
    padding: 0 15px 15px;
    margin: 0 0 10px 0;
    background: #fff;
    border: 1px solid #c4c4c4 !important;
    border-radius: 5px;
    font-size: 10px !important;
    position: relative;
    top: 19px;
    box-shadow: 0 2px 1px #ddd;
}

.popup-index .right {
    float: right;
    width: calc(71% - 30px);
    display: inline-block;
    padding: 0 15px 0px 0;
    margin: 0 0 0 15px;
}

.popup-index .left h4 {
    color: #993a8b;
}

.popup-index .right h4 {
    margin-bottom: 27px;
}

.popup-index .left p {
    font-size: 10px;
}

.popup-index .left ul, .popup-index .right ul {
    padding-left: 20px;
}

.popup-index .left ul li, .popup-index .right ul li {
    line-height: 18px;
    padding-left: 0;
    color: #666666;
    list-style-type: disc;
}

.popup-index .flashbulb-item {
    padding: 25px 0;
    height: 70px;
    border-bottom: 1px dashed #ddd;
    display: inline-block;
    vertical-align: top;
    border-right: 1px dashed #ddd;
    position: relative;
}

.popup-index .flashbulb-item img {
    float: left;
    margin-right: 25px;
    position: relative;
    top: -1px;
    width: 19%;
}

.popup-index .flashbulb-item.border-none {
    border-right: 0;
}

.popup-index .flashbulb-item ul {
    width: 285px;
}

.popup-index .flashbulb-item li {
    font-size: 11px;
    line-height: 17px !important;
}

.popup-index img.light-main {
    float: left;
    position: relative;
    left: -5px;
    top: 2px;
}

.popup-index .lane {
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-lane.png");
    background-position: left 0;
    background-repeat: repeat-y;
    width: 970px;
    height: 49px;
    margin: 0 0 0 -25px;
}

.popup-index .num {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg-steps.png);
    background-repeat: no-repeat;
    background-position: 0px -31px;
    position: absolute;
    z-index: 1;
    font-size: 8px;
    color: #fff;
    padding: 12px 4px 10px;
    top: 15px;
    left: 4px;
    text-align: center;
    width: 20px;
    height: 10px;
    background-size: 299%;
}

.popup-index .leftline {
    background: #993a8b;
    width: 5px;
    height: 14px;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 2px;
}

.popup-index .arrow-index1 {
    position: absolute;
    top: -10px;
    left: 20px;
}

.popup-index .arrow-index2 {
    position: absolute;
    top: 77px;
    left: -16px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.ui-widget-overlay {
    z-index: 999 !important;
    background: #000 !important;
    opacity: 0.5 !important;
}

/*POPUP INDEX DIALOG CLASS END*/
.index :hover {
    cursor: pointer;
}

.validate-modal {
    z-index: 999 !important;
    border: 4px solid rgba(255, 0, 0, 0.7) !important;
    padding: 0 !important;
    width: 350px !important;
}

.validate-modal p {
    text-align: left;
    font-size: 12px !important;
    padding: 10px 15px;
    color: red;
}

.validate-modal .ui-dialog-content {
    min-height: 20px !important;
}

.validate-modal .ui-dialog-titlebar {
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.validate-modal .ui-dialog-titlebar-close {
    top: 100% !important;
    display: none;
}

.validate-modal .ui-dialog-buttonpane {
    border: none !important;
    padding: .3em .3em .5em .4em !important;
    margin: 0 !important;
}

.validate-modal .ui-dialog-buttonpane button {
    outline: none;
    margin: .5em .5em .5em 0 !important;
}

.interactive-bottom .table.result .sort {
    background-image: url(/bundles/adfinancefrontend/images/icons/arrow-orderby.png);
    height: 29px;
    position: absolute;
    right: 12px;
    top: 5px;
    width: 14px;
    background-position: 1px 0;
}

.interactive-bottom .table.result .adf-sort-active .desc .sort {
    background-position: 14px 0px;
}

.interactive-bottom .table.result .adf-sort-active .asc .sort {
    background-position: 30px 0px;
}

.interactive-bottom .table.result a.desc, .interactive-bottom .table.result a.asc {
    color: #4c4c4c;
    font-size: 15px;
}

ul.interactive-selectBox-dropdown-menu {
    min-width: 263px !important;
    width: 263px !important;
}

.detail-main-article h1,
.detail-main-article h1 a {
    font-size: 32px;
}

div.calc-area .contentarea-listing > div > div.index .icon {
    position: relative;
    right: 8px;
    height: 60px;
    display: block;
    width: 50px;
}

.number-of-index {
    position: absolute;
    top: 8px;
    left: 0px;
    font-size: 10px;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    width: 21px;
}

.calculator-form .selectBox-dropdown .selectBox-arrow,
.interactive-head .selectBox-dropdown .selectBox-arrow {
    background-image: url(/bundles/adfinancefrontend/images/icons/select-default.png) !important;
}

.cont-navi li a.zero {
    background-color: #115b75 !important;
    border-color: #115b75 !important;
    color: #fff !important;
    height: 21px;
    background-image: url(/bundles/adfinancefrontend/images/icons/start_gun.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.cont-navi li a.end {
    background-image: url(/bundles/adfinancefrontend/images/icons/end_flag_b.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 21px;
}

.cont-navi li a.end.active {
    background-image: url(/bundles/adfinancefrontend/images/icons/end_flag_w.png) !important;
}

#footer .copy a {
    color: #fff !important;
}

.about-us h1, .about-us h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.about-us p {
    font-size: 14px;
    color: #373737;
    line-height: 25px;
}

.item-block {
    padding: 30px 200px 30px 0;
    text-align: left;
}

.item-block.right {
    padding: 30px 0px 30px 200px;
    text-align: left;
}

.item-block.block1 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block1.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.item-block.block2 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block2.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.item-block.block3 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block3.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.middle-block-about {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_middle_block_about.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 1330px;
    margin-bottom: 490px;
}

.middle-block-about .cont {
    padding: 170px 0;
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
}

.item-info-block {
    padding: 50px 0 50px 240px;
}

.item-info-block.right-block {
    padding: 50px 240px 50px 0;
}

.item-info-block p {
    font-size: 14px;
    line-height: 1.5;
}

.item-info-block.block-info1 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block_usetreno.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.item-info-block.block-info2 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block_eon.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.item-info-block.block-info3 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block_arzen.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.item-info-block.block-info4 {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_block_male.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.item-info-block p {
    color: #fff;
}

.item-info-block p strong {
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
}

.map {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_map.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 870px;
    position: absolute;
    margin-top: -650px;
}

#footer.about {
    background: #212121 !important;
}

.block-contact {
    width: 210px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    left: 60px;
    top: 210px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.block-contact p {
    color: #4c4c4c;
    font-size: 14px;
}

.block-contact a {
    color: #0b9cb9;
    font-size: 14px;
}

.item.five.step-first {
    position: relative;
}

.item.five.step-first label.agreement {
    right: 100px;
    width: 375px !important;
    display: inline-block;
    position: absolute;
}

.item.five.step-first label.agreement a {
    font-size: 11px;
}

.item.five.step-first span {
    left: 130px;
}

/** EBOOK **/
.ebook-content {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_ebook-content.png);
    background-repeat: no-repeat;
    padding: 25px 30px;
}

.ebook-content .title {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

div.ebook-subtitle {
    margin: 30px 0 10px;
}

.ebook-content h1, .ebook-content h1 a {
    color: #121212;
    display: inline-block;
    font-family: 'CalibriBold';
    font-size: 35px;
    text-decoration: none;
    text-shadow: none;
}
.ebook-content h2, .ebook-content h2 a {
    color: #109ed1;
    text-decoration: none;
    text-shadow: none;
    margin: 5px 0;
    display: block;
}

.ebook-content h3 {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #ddd ;
}


div.ebook-left-text {
    width: 50%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
div.ebook-right-img {
    position: absolute;
    right: 5px;
    top: 20px;
}

.ebook-content div.citation {
    padding: 60px 0 20px 0;
    background-image: url(/bundles/adfinancefrontend/images/icons/icon-citation.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 15px 0 20px;
    border-bottom: 1px solid #ddd;
}

.ebook-content div.citation p
{
    text-align: center;
    font-style: italic;
    font-family: Times New Roman ;
    font-size: 30px;
    color: #4c4c4c;
    line-height: 35px;
    font-weight: normal;
}

.ebook-content div.citation p:before,
.ebook-content div.citation p:after
{
    content:'"';
}

.ebook-content .list {
    margin: 0 0 25px 0;
}


.ebook-content .list ul li {
    color: #6a6a6a;
    display: block;
    line-height: 16px;
    max-height: 27px;
    overflow: hidden;
    padding: 5px 5px 5px 20px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}


.ebook-content h3 {
    color: #000;
    font-size: 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
div.illustration > ul > li {
    width: 143px;
    display: inline-block;
    height: 199px;
    background: #bbb;
    margin: 0 3px 0;
    border: 1px solid #9a9a9a;
    overflow: hidden;
}

div.illustration > ul > li a {
    display: block;
}

div.illustration > ul > li a span {
    display: none;
    width: 143px;
    height: 199px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    background-image: url(/bundles/adfinancefrontend/images/icons/show-img.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div.illustration > ul > li a:hover span {
    display: block;
}

div.rideside > div.box.ebook {
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_ebook-box.png);
    background-repeat: repeat-x;
    background-position: top center;
    border-top: 3px solid #109ed1;
}

.form-ebook div.item input[type="text"] {
    float: left;
    max-width: 231px;
    background-color: #fff;
    background-image: none;
    border-color: #d8d8d8;

}

#ebookContactForm div.item {
    margin: 19px 0;
}

#ebookContactForm div.item.end
{
    margin-bottom: 0;
}
.form-ebook div.item input[type="checkbox"] {
    float: left;
    width: 16px;
}
#ebookContactForm label.agreement {
    width: 227px;
    text-align: left;
    font-size: 11px !important;
    float: right;
    padding: 2px 0;
    color: #747474;
}
#ebookContactForm label.agreement a {
    font-size: 11px !important;
}

.form-ebook .button {
    background-image: url(/bundles/adfinancefrontend/images/icons/download-sm.png);
    background-repeat: no-repeat;
    background-position: 200px center;
    display: block;
    max-width: inherit;
    font-size: 19px;
    padding: 6px 20px;
    height: inherit;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.form-ebook div.item.wrong input[type="text"] {
    border-color: red;
}
div.box.link h3 {
    text-align: center;
    font-weight: bold;
}

div.rideside div.communication {
    text-align: center;
    font-size: 17px;
    line-height: 23px;
    margin: 0 0 30px;
    color: #4c4c4c;
}

div.rideside .icons-download-link {
    background-image: url(/bundles/adfinancefrontend/images/icons/send-link-to-mail.png?2);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    margin: 35px 0 30px;
}

div.ebook-subtitle-download {
    padding: 15px;
    text-align: center;
    margin: 20px 0;
}

div.ebook-subtitle-download h2 {
    font-size: 33px;
}

div.ebook-download-button > a {
    background-image: url(/bundles/adfinancefrontend/images/icons/download-big.png);
    background-repeat: no-repeat;
    background-position: 265px center;
    margin: 0 auto;
    padding: 18px 42px 18px 28px;
    font-size: 28px;
    width: 270px;
    max-width: inherit;
    text-align: left;
    font-weight: bolder;
    box-shadow: 0 2px 1px #12830a;
    text-shadow: 0 2px 1px #12830a;
    margin-bottom: 30px;
}
div.ebook-download-text p {
    text-align: center;
    color: #4c4c4c;
    font-weight: bold;
}

div.rideside > div.box.ebook.book {
    border-top: 1px solid #ddd;
    overflow: hidden;
}

div.rideside > div.box.ebook.book > img {
    width: 100%;
}

div.ebook-download-icon {
    margin: 0 auto 35px;
    width: 192px;
}


div.rideside > div.box.banner-ebook {
    background-image: url(/bundles/adfinancefrontend/images/bg/vampire.png), url(/bundles/adfinancefrontend/images/bg/bg_ebook-box.png);
    background-repeat: no-repeat, repeat-x;
    background-position: bottom right, bottom center;

}

div.box.banner-ebook > div {
    padding: 30px 10px 20px;
}

div.box.banner-ebook h3 {
    font-weight: bold;
    text-align: center;
    border: none;
    text-transform: uppercase;
    margin-bottom: 0px;
}
div.box.banner-ebook p.subtitle {
    text-align: center;
    color: #4c4c4c;
    line-height: 21px;
    font-size: 12px;
    top: -10px;
    font-weight: bold;
}

.ebook-cover {
    width: 210px;
    margin: 0 auto;
    position: relative;
    left: 20px;
}

.ebook-cover img {
    width: 100%;
}
div.contains > div.title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #4c4c4c;
    margin: 19px 0 15px;
}
div.contains > div.text {
    text-align: center;
    color: #1a7289;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
}

div.download-ebook > a.button {
    background-image: url(/bundles/adfinancefrontend/images/icons/more-info.png);
    background-repeat: no-repeat;
    background-position: 137px center;
    margin: 20px auto 10px;
    text-align: left;
    max-width: 145px;
    width: 145px;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

/*PPC enter*/
.ppc a{font-size:inherit;}
.container.ppc{width:100%;max-width:1024px;color:#4b4b4b;}
#content-bg div.ppc div > a.button{max-width:inherit;margin:20px 0 20px 0;font-size:18px;padding:6px 26px;}
.ppc .promo-text{display:inline-block;float:left;width:300px;background-color:transparent;background-image:url(/bundles/adfinancefrontend/images/bg/bg_promo-text.png);background-repeat:no-repeat;text-align:center;padding:106px 4px 83px 4px;font-size:28px;line-height:38px;color:#fff;text-shadow:1px 2px 1px #005974;}
.ppc .promo-text strong.price{padding:5px 4px 11px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);display:inline-block;margin:6px 0;font-size:36px;letter-spacing:-3px;}
.ppc .text-item{width:620px;float:right;display:inline-block;padding:60px 0;height:260px;}
.ppc h1{font-size:40px !important;margin-bottom:19px;}
.ppc h2{font-family:'CalibriBold';font-size:35px !important;color:#121212;text-shadow:0 1px 1px rgba(2,3,3,0.5);display:inline-block;margin:0 0 15px 0;}
.ppc .text-item ul li{font-size:16px;padding:10px 0 11px 30px;background-image:url(/bundles/adfinancefrontend/images/bg/bg_li-item-ppc.png);background-repeat:no-repeat;background-position:left center;}
.ppc-item-left{margin-bottom: 50px;}
.ppc-item-right{margin-bottom: 30px;}
.calculator-icon{width:308px;height:365px;display:inline-block;float:right;background-image:url(/bundles/adfinancefrontend/images/bg/bg_calculator-text.png);background-repeat:no-repeat;background-position:left center;}
.text-item2{display:inline-block;float:left;width:640px;padding:50px 0;}
div.text-item3{width:640px;float:right;padding:50px 0;}
.index-image{width:308px;height:352px;display:inline-block;float:left;background-image:url(/bundles/adfinancefrontend/images/bg/bg_index-text.png);background-repeat:no-repeat;background-position:left center;}
.text-item .button{width:370px;}
.text-item2 .button{width:390px;}
.text-item3 .button{width:250px;}

.socials-icons ul{width:216px;margin:0 auto;}
.socials-icons ul li{display:inline-block;}
.socials-icons ul li a{background-image:url(/bundles/adfinancefrontend/images/icons/social-icons-ebook.png);background-repeat:no-repeat;background-position:0 0;width:70px;height:70px;display:block;color:transparent !important;}
.socials-icons ul li.facebook a{background-position:0 0;}
.socials-icons ul li.twitter a{background-position:-70px 0;}
.socials-icons ul li.google a{background-position:-140px 0;}
.socials-icons ul li.facebook a:hover{background-position:0 -70px;}
.socials-icons ul li.twitter a:hover{background-position:-70px -70px;}
.socials-icons ul li.google a:hover{background-position:-140px -70px;}

.ui-front { z-index: 1001 !important; }
.ui-dialog { z-index: 1002 !important ;}


/*KRAJE CSS*/
.region a {
    font-size: inherit
}
.region p {
    font-size: 1.5em;
}
.container.region {
    width: 100%;
    max-width: 1024px;
    color: #4b4b4b
}
#content-bg div.region div>a.button {
    max-width: inherit;
    margin: 20px 0 20px 0;
    font-size: 18px;
    padding: 6px 26px
}
.region .promo-map {
    display: inline-block;
    float: left;
    width: 370px;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: center;
    padding: 106px 4px 83px 4px;
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    text-shadow: 1px 2px 1px #005974;
    height: 190px;
}
/*map by region*/
.region .promo-map.praha {
    background-image: url(/bundles/adfinancefrontend/images/region/map/praha.png);
}
.region .promo-map.stredocesky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/stredocesky.png);
}
.region .promo-map.karlovarsky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/karlovarsky.png);
}
.region .promo-map.ustecky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/ustecky.png);
}
.region .promo-map.liberecky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/liberecky.png);
}
.region .promo-map.kralovehradecky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/kralovehradecky.png);
}
.region .promo-map.pardubicky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/pardubicky.png);
}
.region .promo-map.vysocina {
    background-image: url(/bundles/adfinancefrontend/images/region/map/vysocina.png);
}
.region .promo-map.jihocesky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/jihocesky.png);
}
.region .promo-map.plzensky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/plzensky.png);
}
.region .promo-map.olomoucky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/olomoucky.png);
}
.region .promo-map.jihomoravsky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/jihomoravsky.png);
}
.region .promo-map.zlinsky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/zlinsky.png);
}
.region .promo-map.moravskoslezky {
    background-image: url(/bundles/adfinancefrontend/images/region/map/moravskoslezky.png);
}
.region .promo-text strong.price {
    padding: 5px 4px 11px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    display: inline-block;
    font-size: 36px;
    letter-spacing: -3px
}
.region .promo-text {
    display: inline-block;
    float: right;
    width: 268px;
    background-color: transparent;
    background-image: url(/bundles/adfinancefrontend/images/region/bg_promo-text.png);
    background-repeat: no-repeat;
    text-align: center;
    padding: 106px 4px 83px 4px;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    text-shadow: 1px 2px 1px #005974;
    background-position: center;
}
.region .promo-text strong {
    font-size: 36px;
    display: block;
}
.region .text-item {
    width: 570px;
    float: right;
    display: inline-block;
    padding: 60px 0;
    height: 260px
}
.region h1 {
    font-size: 40px!important;
    margin-bottom: 19px
}
.region h2 {
    font-family: 'CalibriBold';
    font-size: 35px!important;
    color: #121212;
    text-shadow: 0 1px 1px rgba(2,3,3,0.5);
    display: inline-block;
    margin: 0 0 15px 0
}
.region .text-item ul li, .region .text-item4 ul li {
    font-size: 16px;
    padding: 7px 0 8px 30px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_li-item-ppc.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
}
.region-item-left {
    height: 360px
}
.region-item-right {
    height: 395px
}
.region .text-item2, .region .text-item4 {
    display: inline-block;
    float: left;
    width: 670px;
    padding: 50px 0;
    margin: 0 50px 0 0;
}
div.promo-map a {
    display: block;
    height: 115%;
    position: relative;
    top: -24px;
    color: transparent;
    text-decoration: none;
}
.text-item4 {
    margin: 0 !important;
}
div.text-item3 {
    width: 640px;
    float: right;
    padding: 50px 0
}
.index-image {
    width: 308px;
    height: 352px;
    display: inline-block;
    float: left;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_index-text.png);
    background-repeat: no-repeat;
    background-position: left center
}
.text-item .button {
    width: 370px
}
.text-item2 .button {
    width: 200px;
}
.text-item3 .button {
    width: 250px
}
.text-item4 .button {
    width: 250px
}
div.promo-text.partners {
    height: 174px;
    background-image: url(/bundles/adfinancefrontend/images/region/bg_promo-text-partners.png);
    width: 320px;
    padding: 70px 0px;
    padding-top: 70px;
    padding-right: 0px;
    padding-bottom: 70px;
    padding-left: 0px;
}
div.promo-text a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0;
}
div.family-image {
    background-image: url(/bundles/adfinancefrontend/images/region/family.png);
    height: 370px;
    width: 350px;
    background-position: left top;
    background-repeat: no-repeat;
}
div.family-image a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: transparent;
}
.region .icons {
    display: block;
    height: 80px;
    margin: 0 0 20px;
    min-width: 260px;
    width: 40%;
}
.region div.ico {
    width: 70px;
    height: 100px;
    background-image: url(/bundles/adfinancefrontend/images/region/ico-trouba.png);
    display: inline-block;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.region div.ico.vareni {
    background-image: url(/bundles/adfinancefrontend/images/region/ico-vareni.png);
}
.region div.ico.sviceni {
    background-image: url(/bundles/adfinancefrontend/images/region/ico-sviceni.png);
}
.region div.ico.topeni {
    background-image: url(/bundles/adfinancefrontend/images/region/ico-topeni.png);
}
.ico span.text {
    display: inline-block;
    position: absolute;
    bottom: -5px;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.ico span.switch {
    background-image: url(/bundles/adfinancefrontend/images/region/switch.png);
    width: 30px;
    height: 30px;
    display: block;
    display: b;
    position: absolute;
    right: 0;
    top: 9px;
}
.ico span.switch.yes {
    background-position: -30px 0;
}
.ico span.switch.no {
    background-position: 0 0;
}
div.save-text {
    background-image: url(/bundles/adfinancefrontend/images/region/bg-save-text.png);
    background-repeat: no-repeat;
    float: right;
    width: 50%;
    max-width: 270px;
    padding: 20px 20px;
    font-size: 30px;
    color: #fff;
    text-align: right;
    position: relative;
    top: 15px;
}
div.left-table {
    width: 69%;
    display: inline-block;
    float: left;
    margin-right: 1%;
}
div.left-table table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}
div.left-table table tr td, div.left-table table tr th {
    width: 33.333%;
    text-align: left;
    padding: 12px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #D3D3D3;
}
div.left-table table tr td:nth-child(1), div.left-table table tr th:nth-child(1) {
    width: 46%;
}
div.left-table table tr td:nth-child(2), div.left-table table tr th:nth-child(2), div.left-table table tr td:nth-child(3), div.left-table table tr td:nth-child(3) {
    width: 27%;
}
div.left-table table tr:nth-child(2n) td {
    background: #F9F9F9;
}
div.left-table table tr th {
    background: #e2e2e2;
}
div.right-example {
    width: 29%;
    display: inline-block;
    background-color: #ffffcc;
    border: 1px solid #ffec70;
    margin-left: 6px;
    margin-bottom: 25px;
    position: relative;
}
div.right-example div.title {
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
}
div.right-example p {
    font-size: 12px;
    font-weight: normal;
    padding: 0 15px 15px;
    line-height: 17px;
    margin: 0 0 4px 0;
}
div.region-table {
    margin: 0 0 30px 0;
}
div.arrow-example {
    position: absolute;
    left: -8px;
    top: 11px;
}

/*list-suppliers*/
div.container.list-suppliers {
    color: #4c4c4c;
    width: 100%;
    max-width: inherit;
}
div.container.list-suppliers p {
    line-height: 1.6em;
    font-size: 1.5em;
    text-align: justify;
    margin-top: 10px;
}
div.container.list-suppliers p.gray {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: bold;
}
div.container.list-suppliers .words {
    margin: 10px 0 20px;
    padding-bottom: 20px;
    border: none;
}
div.container.list-suppliers li.all-link a {
    background: none !important;
    color: #858585 !important;
    width: inherit !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 15px;
}
div.container.list-suppliers li.all-link a:hover {
    text-decoration: underline !important;
}
div.container.list-suppliers li.all-link.active a {
    color: #109ed1 !important;
    text-decoration: underline !important;
}
/*item comparison*/
div.content-list-suppliers {
    margin-top: 30px;
}
div.content-list-suppliers .item {
    text-align: center;
    width: calc(25% - 8px);
    background: #fff;
    border: 1px solid #ddd;
    margin-right: 5px !important;
    min-height: 188px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
}
div.content-list-suppliers .item > div {
    width: 80%;
    padding: 5% 10%;
}
div.content-list-suppliers .item > div img, div.content-list-suppliers .item > div span, div.content-list-suppliers .item > div a {
    display: block;
    margin: 0 auto;
}
div.content-list-suppliers .item > div img {
    margin: 10px auto;
}
div.content-list-suppliers .item > div span.title {
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
    padding: 5px 0 10px;
    min-height: 30px;
    vertical-align: bottom;
}
div.content-list-suppliers .item > div a.universal {
    margin: 10px auto 10px;
    background: #d8d8d8;
    padding: 14px 0;
    font-size: 15px;
    border: 1px solid #b4b4b4;
    color: #4c4c4c;
    text-decoration: none;
}
div.content-list-suppliers .item > div a.universal:hover {
    background: #109ed1;
    border: 1px solid #109ed1;
    color: #ffffff;
}
div.content-list-suppliers .item:nth-child(4) {
    margin-right: 0 !important;
}
/*detail*/
div.item.company-detail h1 {
    max-width: 60%;
    padding-top: 0;
    vertical-align: middle;
    display: inline-block;
}
div.item.company-detail h2 {
    margin-bottom: 15px;
}
div.title-head {
    width: 100% !important;
    max-width: inherit !important;
    margin-bottom: 25px;
}
div.logo-supplier {
    vertical-align: middle;
    display: inline-block;
    width: 140px;
    height: 159px;
    overflow: hidden;
    background-image: url(/bundles/adfinancefrontend/images/supplier/bg-logo-suppliers.png);
    margin-right: 15px;
}
img.company-logo {
    width: 135px;
    position: relative;
    left: 2px;
    top: 42px;
}
/*TABS*/
div.container.detail-suppliers {
    color: #4c4c4c;
}

div.container.detail-suppliers div#tabs {
    width: 100% !important;
    max-width: inherit;
    top: 0;
    margin: 20px 0;
}
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    border-radius: 0;
    background: transparent;
    border: none;
    padding: .2em .2em 0 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-color: #ddd !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #ddd;
    background-image: none !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    font-size: 16px;
    font-weight: bold;
}
.ui-widget-content {
    padding: 0 !important;
}
.ui-widget-content > div.content-tab {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px !important;
    display: inline-block;
    width: 100%;
}
div.content-tab .left {
    float: left;
    width: 42%;
    padding: 4%;
}
div.content-tab .right {
    padding: 0;
    width: 320px;
    float: right;
}
div.content-tab .left dt {
    float: left;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
}
div.content-tab .left dl {
    width: 350px;
}
div.content-tab .left dd {
    float: left;
    width: 205px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    margin-left: 5px;
    margin-bottom: 16px;
    text-align: right;
    font-weight: bold;
}
div.content-tab .left dt:after {
    content: "";
}
div.item.company-detail a.button {
    margin: 25px auto 10px;
    font-size: 17px;
    text-align: center;
    width: 240px;
    max-width: inherit;
    padding: 4px 17px 3px 58px;
    background-image: url(/bundles/adfinancefrontend/images/supplier/comparison-ico.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.item.company-detail .back { position: absolute; right: 0; top: -7px; }

.item.company-detail .back a {
    float: right;
    color: #0c7ba0;
    font-weight: bold;
    font-size: 15px;
    padding: 13px 20px 12px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
}

.item.company-detail .back a:hover {
    text-decoration: underline;
}
/*STARS*/
.stars {
    float: right;
    display: inline-block;
    position: relative;
    width: 30%;
}
.stars h3 {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 8px;
}
.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 150px;
    height: 30px;
    overflow: hidden;
    position: relative;
    background: url('/bundles/adfinancefrontend/images/stars/star_gray.svg');
    background-size: contain;
    margin-left: 25px;
}
.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url('/bundles/adfinancefrontend/images/stars/star_yellow.svg');
    background-size: contain;
}
.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}
.star-rating.enabled input:hover + i, .star-rating.enabled input:checked + i {
    opacity: 1;
}
.star-rating.enabled i ~ i {
    width: 40%;
}
.star-rating.enabled i ~ i ~ i {
    width: 60%;
}
.star-rating.enabled i ~ i ~ i ~ i {
    width: 80%;
}
.star-rating.enabled i ~ i ~ i ~ i ~ i {
    width: 100%;
}
span.star-view {
    width: 150px;
    height: 30px;
    display: block;
    position: absolute;
    left: 25px;
    overflow: hidden;
}
span.color_in {
    background-color: #efb116;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;
}
span.img_on {
    background-image: url('/bundles/adfinancefrontend/images/stars/star_view.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 150px;
    height: 30px;
    position: absolute;
    z-index: 99;
}

/*stars value*/
span.star-view.value0 span.color_in {
    width: 0;
}
span.star-view.value0_1 span.color_in {
    width: 10%;
}
span.star-view.value1 span.color_in {
    width: 20%;
}
span.star-view.value1_2 span.color_in {
    width: 30%;
}
span.star-view.value2 span.color_in {
    width: 40%;
}
span.star-view.value2_3 span.color_in {
    width: 50%;
}
span.star-view.value3 span.color_in {
    width: 60%;
}
span.star-view.value3_4 span.color_in {
    width: 70%;
}
span.star-view.value4 span.color_in {
    width: 80%;
}
span.star-view.value4_5 span.color_in {
    width: 90%;
}
span.star-view.value4_5 span.color_in {
    width: 100%;
}
.stars.enabled:hover span.star-view {
    display: none;
}

/*table*/
.content table {
    width: 100% !important;
    border-collapse: collapse;
    margin-top: 15px;
    margin-bottom: 25px;
}

.content table th {
    border: 1px solid #bbb;
    padding: 7px 5px;
    text-align: left;
    font-size: 14px;
    background: #DEDEDE;
    color: #4c4c4c;
}

.content table td {
    padding: 7px 5px;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #F9F9F9;
    color: #4c4c4c;
}

.content table tr:nth-child(2n) td {
    background-color: #fff;
}

.content a {
    font-size: 14px;
}

/*IMG in article*/

/*RIGHT*/
div.content-article div.inside-image.right {
    float: right;
    max-width: 290px;
    overflow: hidden;
    height: 290px;
    border-radius: 5px;
    margin: 0 0 30px 30px;
    position: relative;
}

/*LEFT*/
div.content-article div.inside-image.left {
    float: left;
    max-width: 290px;
    overflow: hidden;
    height: 290px;
    border-radius: 5px;
    margin: 0 30px 30px 0;
    position: relative;
}

.content a {
    font-size: 14px;
}

div.box.interbox {
    background-color: #EFEFEF;
    background-image: url("/bundles/adfinancefrontend/images/bg/bg-calculator.png");
    background-position: 160px center;
    background-repeat: no-repeat;
}

/*Interbox NEW*/
div.box.interbox p {
    font-size: 15px;
    line-height: 18px;
    margin: 13px 0 35px;
    text-align: left;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    height: 83px;
    width: 150px;
}

div.box.interbox img {
    float: left;
    margin: 12px 20px 0 14px;
}

div.interbox a.button {
    bottom: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    height: 81px;
    line-height: inherit;
    padding: 10px 30px 10px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 251px;
    max-width: inherit;
    background-color: inherit !important;
    color: #4c4c4c;
    text-decoration: none;
    background-image: url(/bundles/adfinancefrontend/images/arrow_calc.png);
    background-repeat: no-repeat;
    background-position: 256px 37px;
}

div.interbox a.button:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/*EBOOK*/
.box.banner-ebook {
    overflow: hidden;
    height: 253px;
}

.box.banner-ebook a {
    height: 70%;
    display: block;
    background-image: url(/bundles/adfinancefrontend/images/bg_banner_ebook.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 28px;
    color: #109ed1;
    text-decoration: none;
    line-height: 30px;
    padding: 40px 0;
    font-family: calibri;
}

.box.banner-ebook span.more-info {
    color: #4c4c4c;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    text-align: right;
    float: right;
    margin: 30px 25px 0;
    padding-right: 30px;
    background-image: url(/bundles/adfinancefrontend/images/arrow_calc.png);
    background-repeat: no-repeat;
    background-position: 130px 2px;
}

.box.banner-ebook a:hover {
    background-position: 0 -254px;
}

.fixedArea.scroll-to-fixed-fixed {
    margin-top: 20px;
}

.ebook-cover {
    margin: 0 auto;
    position: relative;
    left: 13px;
    width: inherit;
}

div.box.banner-ebook p.subtitle {
    color: #4c4c4c;
    line-height: 18px;
    font-size: 15px;
    top: 14px;
    font-weight: bold;
    float: right;
    width: 160px;
    text-align: left;
}

.ebook-cover img {
    width: 30%;
}

div.contains > div.text a {
    text-align: center;
    color: #1a7289;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
}

/*Serial box*/
.box.mostread-serial > div{padding:0;}
.box.mostread-serial img{width:100%;}
.box.mostread-serial{overflow:hidden;}
.box.mostread-serial .image{height:150px; overflow:hidden; margin-bottom:10px;}
.box.box.mostread-serial .title,.box .perex{padding:10px 20px 0;}
.box.box.mostread-serial .perex{font-size:9px; padding:0 20px; height:60px; margin-bottom:20px; overflow:hidden;}
.box.box.mostread-serial .title h3{margin-bottom:5px; padding-bottom:5px;}
.box.box.mostread-serial .perex p{text-align:left;}
{right:20px;}
.box.box.mostread-serial .more-info{right:20px;bottom:10px;}
.box.box.mostread-serial h3 a{color:#109ed1;font-family:calibriregular;font-size:22px;font-weight:normal;margin-bottom:15px;padding:0 0 10px;text-decoration:none;}
.box.box.mostread-serial h3 a:hover{text-decoration:underline;}

/*NEWSLETTER RIGHT*/
.box.newsletter{border-top:3px solid rgb(102,176,199);background-color:#fff;background-image:-webkit-linear-gradient( #ffffff 10%,#fcfcfc 40%,#f7f7f7 65%,#f0f0f0 75%,#ececec 100%);background-image:-moz-linear-gradient( #ffffff 10%,#fcfcfc 40%,#f7f7f7 65%,#f0f0f0 75%,#ececec 100%);background-image:-o-linear-gradient( #ffffff 10%,#fcfcfc 40%,#f7f7f7 65%,#f0f0f0 75%,#ececec 100%);background-image:linear-gradient( #ffffff 10%,#fcfcfc 40%,#f7f7f7 65%,#f0f0f0 75%,#ececec 100%);}
.box.newsletter p{font-size:12px;}
.box.newsletter input{border-color:#9D9D9D;background-color:#FAFAFA;background-image:none;outline:none;box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset;}
.box.newsletter input.send{background-color:rgb(31,171,31);height:33px;width:60px;position:absolute;bottom:25px;right:20px;border-radius:0 5px 5px 0;outline:none;color:#fff;font-size:12px;padding:0 0 2px 0;cursor:pointer;}
.box.newsletter input.send:hover{background-color:rgb(25,153,25);}

/*TAGS*/
div.tags{width:67%;margin-right:3%;}
.tags h3{border-bottom:1px dashed #ddd;padding-bottom:8px;}
.tags li.tag{display:inline-block;}
.tags li.tag a{background:#DDDDDD;color:#4c4c4c;padding:5px 8px;margin:0 2px 4px 0;text-decoration:none;display:inline-block;border-radius:3px;}
.tags li.tag a:hover{text-decoration:underline;background-color:#D4D4D4;}

/*ERROR/OK message*/
.newsletter div.subscribeEmailMessage {
    padding: 0;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
}

.newsletter div.subscribeEmailMessage .error {
    background-color: #fff0f0;
    color: red;
    padding: 7px;
    border: 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.newsletter div.subscribeEmailMessage .success {
    background-color: #def8df;
    color: #1c9c1c;
    border: 1px solid;
    padding: 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.fb-share {
    position: absolute;
    margin-top: -60px;
    color: #fff;
    font-size: 14px;
    right: 20px;
}

.fb-share-bottom {
    margin-bottom: 20px;
    position: relative;
    height: 23px;
}

.my-price {
    display: none;
    background: #0D95B8;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.29) inset;
    font-family: "TitilliumText25L400wt";
    height: 140px;
    margin: 0 0 20px 0;
}

.my-price > div {
    background-image: url(/bundles/adfinancefrontend/images/design/icons-prices-15.png);
    background-repeat: no-repeat;
    background-position: 30px -22px;
    padding: 35px 10px;
    width: 640px;
    margin: 0 auto;
    color: #fff;
    font-size: 29px;
    font-weight: lighter;
    line-height: 35px;
    text-transform: uppercase;
    padding-left: 250px;
}

.my-price span.underline {
    text-decoration: underline;
}

a.my-price-link {
    text-decoration: none;
}

/*Lander interactive*/
.container.lander-interactive {
    max-width: 96%;
    width: 96%;
    padding: 0 2%;
}

.container.lander-interactive h1 {
    font-family: TitilliumText25L400wt;
    font-size: 38px;
    margin: 30px 0px;
}

.container.lander-interactive h2 {
    font-family: TitilliumText25L400wt;
    font-size: 28px;
    margin: 30px 0px;
}

.container.lander-interactive ul {
    padding: 0;
}

.container.lander-interactive ul li {
    font-size: 20px;
    padding: 7px 0 8px 30px;
    background-image: url(/bundles/adfinancefrontend/images/bg/bg_li-item-ppc.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    line-height: 20px;
    color: #000;
    font-family: TitilliumText25L400wt;
    margin-bottom: 10px;
    line-height: 28px;
}


.container.lander-interactive a.button {
    max-width: inherit;
    margin: 20px 0 20px 0;
    font-size: 20px;
    padding: 6px 26px;
    width: 210px;
    text-align: left;
    float: right;
    text-decoration: none;
}

span.dashed-line-lander {
    display: inline-block;
    width: 600px;
    height: 40px;
    background-image: url(/bundles/adfinancefrontend/images/design/dashed-line-lander.png);
    position: relative;
    top: 10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 90px;
}


.container.lander-interactive .block1, .container.lander-interactive .block2, .container.lander-interactive .block3 {
    display: inline-block;
    width: 100%;
}

.container.lander-interactive .block2 .left {
    float: left;
    width: 40%;
}

.container.lander-interactive .block2 .right {
    width: 60%;
    float: left;
}

.container.lander-interactive .block2 {
    padding: 30px 0 40px 0;
    border-bottom: 1px solid #bbb;
}
.container.lander-interactive .block2 ul li {
    margin: 0;
}

.container.lander-interactive .block3 .left {
    float: left;
    width: 58%;
    padding-right: 2%;
}

.container.lander-interactive .block3 .right {
    width: 40%;
    float: left;
    text-align: right;
}

.container.lander-interactive .block3 {
    padding: 40px 0;
}

.container.lander-interactive .block3 .left h3 {
    font-family: TitilliumText25L400wt;
    color: #218db0;
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.container.lander-interactive .block3 .left p {
    font-family: TitilliumText25L400wt;
    font-size: 20px;
    margin-bottom: 31px;
    color: #363636;
    line-height: 31px;
}
.container.lander-interactive .block3 a.button {
    max-width: inherit;
    margin: 20px 0 20px 0;
    font-size: 18px;
    padding: 6px 26px;
    width: 210px;
    text-align: left;
    float: left;
    color: #fff !important;
}

.container.lander-interactive .block3 .left a {
    font-size: 20px;
    color: #218db0;
    font-family: TitilliumText25L400wt;
}

.container.lander-interactive .block3 .left a:hover {
    text-decoration: none;

}

.container.lander-interactive .block3 a.button span {
    top: 22px;
    right: 25px;
}
.container.lander-interactive a.button {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);
    webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);
}
.container.lander-interactive .block1 a.button span,
.container.lander-interactive .block3 a.button span {
    top: 22px;
    right: 25px;
}

.container.lander-interactive .block2 .left img {
    margin-left: 30px;
}

.info-strip {
    background-color: #f4f5cb;
    border: 1px solid #edd094;
    margin: 15px auto;
    width: 100%;
    max-width: 998px;
    padding: 15px 10px 15px 10px;
    border-radius: 5px
}

.info-strip p{
    color: #000;
    font-size: 17px;
    text-transform: none;
}

.info-strip p span{
    display: inline-block;
    float: left;
    margin: 0px 16px 0 5px;
    width: 30px;
    height: 30px;
    position: relative;
    bottom: 2px;
    overflow: hidden;
}

.info-strip p span img{
    width: 100%;
}

/*ANKETA CSS*/

.survey {
    color: #181818;
    width: 100%;
    background-color: transparent;
    background-image: url(/bundles/adfinancefrontend/images/competition/bg-survey2.png), url(/bundles/adfinancefrontend/images/competition/bg-survey1.png);
    background-repeat: no-repeat, no-repeat;
    margin: 0 0 20px 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    background-color: #fff;
    background-position: -30px bottom, bottom center;
    background-size: 40% auto, 100% auto;
    border: 1px solid #ddd;
}
.survey > div {
    padding: 0% 4% 6%;
    display: inline-block;
    width: 92%;
}
.survey h4 {
    font-size: 40px;
    font-weight: lighter;
    color: #109ed1;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 25px 0 25px 0;
    font-family: TitilliumText25L400wt;
    background: url("/bundles/adfinancefrontend/images/logo.png") top right no-repeat;
    background-size: 60px;
}
.survey h4:before {
    content: "__";
    position: relative;
    bottom: 20px;
    right: 31px;
    font-family: arial;
}
.survey > div p {
    text-align: center;
    font-size: 13px;
    font-weight: lighter;
}
.questionSurvey {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 30px;
    font-family: TitilliumText25L400wt;
}
.answerSurvey {
    width: 100%;
    margin: 20px auto;
    max-width: 515px;
    display: block;
}
.answerSurvey > div {
    width: 46%;
    display: inline-block;
    float: left;
    padding: 0 2%;
    margin-bottom: 11px;
}
.answerSurvey > div button {
    width: 100%;
    display: table;
    padding: 0;
    background-color: #1fab1f;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.answerSurvey > div button:hover {
    background-color: #149914;
    cursor: pointer;
}
.answerSurvey > div button span.letter {
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.35);
    padding: 10px 15px;
    display: table-cell;
}
.answerSurvey > div button span.word {
    font-weight: bold;
    display: table-cell;
    padding: 10px 15px;
    text-align: left;
}
.infoSurvey {
    text-align: center;
    font-size: 19px;
    line-height: 26px;
    margin: 0;
    font-weight: lighter;
    font-family: TitilliumText25L400wt;
    color: #858585;
}

a.articleSurvey {
    text-align: center;
    display: block;
    background-color: #109ed1;
    max-width: 160px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

a.articleSurvey:hover {
    background-color: #0d83ae;
}

.survey.bad .questionSurvey {
    color: #fc0000;
}

.survey.bad {
    background-image: url(/bundles/adfinancefrontend/images/competition/bg-survey-bad.png), url(/bundles/adfinancefrontend/images/competition/bg-survey1.png);
    background-size: 60% auto, 100% auto;
}

.survey.correct .questionSurvey {
    color: #1fab1f;
}

.survey.correct {
    background-image: url(/bundles/adfinancefrontend/images/competition/bg-survey-correct.png), url(/bundles/adfinancefrontend/images/competition/bg-survey1.png);
    background-size: 60% auto, 100% auto;
}



/*---------------------------------
 === GAME ===
---------------------------------*/
.game #header {
    position: relative;
}
.game #footer {
    background: url("/bundles/adfinancefrontend/images/bg/footer-change.jpg") repeat-x center bottom;
    margin-top: -35px;
    position: relative;
    z-index: 5;
}
.game #main {
    overflow: visible;
}
.game #header-bg,
.game #header {
    height: 140px;
}
.game h1 {
    color: #4b4b4b;
}
.game #header img {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
}
.game #header .logo_text {
    left: 90px;
    width: 205px;
}
.game .button {
    min-width: auto;
    max-width: 100%;
    width: auto;
    display: inline-block;
    font-size: 18px;
    padding: 3px 20px;
}
.game #header .button {
    position: absolute;
    right: 0;
    top: 40px;
}
.game-content {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.game-content .arrow-back {
    background: url("/bundles/adfinancefrontend/images/game/game-arrow-back.png") no-repeat left;
    color: #666666;
    display: inline-block;
    font-size: 18px;
    padding: 5px 0 5px 23px;
    position: absolute;
    right: 30px;
    text-decoration: none;
}
.game-content .arrow-back:hover {
    color: #000000;
}
.game-gotocalc {
    background: #109dd2;
    text-align: center;
    padding: 30px 0 10px 0;
    position: relative;
    z-index: 10;
    color: #ffffff;
}
.game-gotocalc h2 {
    color: #ffffff;
    font-size: 38px;
}
.game-gotocalc p {
    text-align: center;
    font-size: 20px;
    margin: 20px 0 30px 0;
}
.game-gotocalc a.gotocalc {
    font-size: 20px;
    color: #ffffff;
}
.game .icons-change-bottom {
    position: relative;
    background-color: #109dd2;
}
.game .game-choose {
    display: table;
    margin: 30px auto 50px auto;
    width: 600px;
}
.game .game-choose-image {
    background-color: #ffffff;
    display: table-cell;
    height: 275px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 241px;
}
.game .game-choose .versus {
    color: #bebdbd;
    display: table-cell;
    font-size: 36px;
    vertical-align: middle;
    width: 120px;
}
.game .game-choose-image img {
    position: relative;
    z-index: 1;
}
.game .game-choose-image .game-image-cover {
    background: url("/bundles/adfinancefrontend/images/game/game-choose.png") no-repeat;
    display: block;
    height: 275px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 241px;
    z-index: 2;
}
.game a.game-choose-image:hover .game-image-cover {
    background-position: -241px 0;
}
.game .game-option-info {
    font-size: 18px;
    color: #666666;
    margin: 20px 0 0 0;
    text-align: center;
}
.game .game-product-info {
    background: url("/bundles/adfinancefrontend/images/game/game-product-info.png") no-repeat;
    color: #ffffff !important;
    display: inline-block;
    font-size: 16px;
    height: 188px;
    left: 209px;
    padding: 47px 0 0 0;
    position: absolute;
    text-align: center;
    top: 44px;
    width: 165px;
    z-index: 3;
}
.game .game-choose-image:nth-child(1) .game-product-info {
    left: -135px;
}
.game .game-product-info-usage {
    display: inline-block;
    font-size: 14px;
    margin: 5px 0 2px 0;
}
.game .game-product-info-big {
    display: inline-block;
    font-size: 32px;
    padding: 5px 0 5px 0;
}
.game .game-product-info-add {
    color: #afafaf;
}
.game .game-choose-image.green .game-image-cover {
    background: url("/bundles/adfinancefrontend/images/game/game-green.png") no-repeat;
}
.game .game-choose-image.green .game-product-info {
    background-position: -165px 0;
}
.game .game-choose-image.red .game-image-cover {
    background: url("/bundles/adfinancefrontend/images/game/game-red.png") no-repeat;
}
.game .game-choose-image.red .game-product-info {
    background-position: -330px 0;
}
.game .game-choose-image.green {
    background-position: -165px 0;
}
.game .game-choose-image.green .game-product-info-add {
    color: #a0e89b !important;
}
.game .game-choose-image.red .game-product-info {
    background-position: -330px 0;
}
.game .game-choose-image.red .game-product-info-add {
    color: #f7aab3 !important;
}
.game .game-more {
    display: inline-block;
    padding: 40px 30px 30px 30px;
    position: relative;
    text-decoration: none;
    top: -120px;
}
.game .game-more .hexagon {
    background: url("/bundles/adfinancefrontend/images/game/game-more.png") no-repeat;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    height: 72px;
    padding-top: 25px;
    width: 86px;
}
.game .game-more:hover {
    opacity: 0.9;
}
.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.game h1.icon-ok:before {
    background: url("/bundles/adfinancefrontend/images/game/game-icons.png") no-repeat;
    content: "";
    display: inline-block;
    height: 53px;
    left: -20px;
    position: relative;
    top: 13px;
    width: 47px;
}
.game h1.ico-wrong:before {
    background: url("/bundles/adfinancefrontend/images/game/game-icons.png") -47px 0 no-repeat;
    content: "";
    display: inline-block;
    height: 53px;
    left: -20px;
    position: relative;
    top: 13px;
    width: 47px;
}



/*---------------------------------
 === UNSUBSCRIBE ===
---------------------------------*/
.unsubscribe-heading,
.unsubscribe-info {
    display: block;
    text-align: center;
}
.unsubscribe-info {
    color: #4b4b4b;
    font-size: 16px;
    margin: 20px;
}
.unsubscribe-form {
    background: #0d97b7;
    border-bottom: 5px solid #09687e;
    color: #ffffff;
    font-size: 16px;
    left: 460px;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: 270px;
}
.unsubscribe-form input[type="text"] {
    max-width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.unsubscribe-form strong {
    display: block;
    font-size: 22px;
    margin: 0 0 5px 0;
}
.unsubscribe-form input[type="checkbox"] {
    clip: rect(0, 0, 0, 0);
    position: fixed;
}
.unsubscribe-form input[type="checkbox"]:checked + span:before {
    background-position: 0 -19px;
}
.unsubscribe-form label {
    cursor: pointer;
}
.unsubscribe-form label span {
    display: block;
    line-height: 20px;
    font-size: 16px !important;
    padding: 5px 0 10px 30px;
    position: relative;
}
.unsubscribe-form label strong {
    font-weight: normal !important;
    font-size: 16px !important;
}
.unsubscribe-form label span:before {
    background: url("/bundles/adfinancefrontend/images/unsubscribe/checkbox.png") no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 21px;
}
.unsubscribe-form .button {
    display: inline-block;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    margin: 20px 0 0 0;
    max-width: 100%;
    width: 100%;
    z-index: 10;
}
.unsubscribe2 .unsubscribe-form {
    text-align: left;
}
.unsubscribe {
    height: 450px;
    position: relative;
}
.unsubscribe1 {
    background: url("/bundles/adfinancefrontend/images/unsubscribe/zapojeno.jpg") 80px 130px no-repeat;
}
.unsubscribe2 {
    background: url("/bundles/adfinancefrontend/images/unsubscribe/odpojeno.jpg") 80px 130px no-repeat;
    height: 500px;
}
.unsubscribe-form .thankyou {
    background: url("/bundles/adfinancefrontend/images/unsubscribe/thumb-up.png") center bottom no-repeat;
    padding: 0 0 100px 0;
}

.adform-banner {
    padding: 0 0 10px 5px;
}

/* NEW MENU */
@media screen and (max-width: 999px) {
    .navbar [class^=container] {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
    }

    .navbar-collapse {
        display: none !important;
    }

    .navbar-header {
        width: 100%;
    }
}

.navbar-toggle,
.logo-pre,
.navbar-close {
    display: none !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.navbar {
    min-height: 65px;
    border: none;
    background-color: #e6e6e6;
}
.navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
}
.navbar .nav a {
    padding: 10px 10px 10px 50px !important;
    border-bottom: 1px solid #c9c9c9;
    font-family: Calibri, sans-serif;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
}
.navbar .nav .dropdown-menu {
    border-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.navbar .nav .dropdown-menu a {
    padding-left: 70px !important;
}
.navbar a:hover {
    color: #1a90ba !important;
}
.navbar .nav .navbar-close {
    padding-left: 10px !important;
    text-align: center;
    background-color: #adadad;
    color: #000000 !important;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default a {
    color: #000000 !important;
}
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}
.navbar-brand img {
    height: 36px;
}
.navbar-default .navbar-toggle {
    min-height: 65px;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    border-radius: 0;
    background-color: #dadada;
}
.navbar-default .icon-bar {
    width: 24px;
    height: 4px;
    border-radius: 3px;
    background-color: #adadad;
}
.navbar-default .navbar-collapse {
    background-color: #dadada;
    border-color: #dadada;
}
.navbar-default a {
    color: #000000 !important;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: transparent;
}
.logo-pre {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 2;
}
.dropdown-toggle {
    display: block !important;
}
.dropdown-toggle .caret {
    display: none;
}
.navbar {
    min-height: 80px;
    margin-bottom: 30px;
}
.navbar-brand img {
    height: 48px;
}
.navbar-default .navbar-toggle {
    min-height: 80px;
}
.menu-trigger-text {
    font-weight: bold;
    float: right;
}
.icon-bar-wrapper {
    margin: 3px 20px 0 0;
    float: left;
}
.logo-pre-big {
    float: right;
}
.navbar {
    border-radius: 0;
}
.dropdown-toggle .caret {
    display: inline-block;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar-default .navbar-collapse {
    background-color: transparent;
    border-color: transparent;
}
.navbar-collapse {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-nav {
    float: right;
    position: relative;
}
.navbar .nav a {
    padding: 29px 10px !important;
    border-bottom-color: transparent;
}
.navbar .nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar .nav .dropdown-menu a {
    padding: 5px 15px !important;
    background-color: #dadada !important;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.navbar .container-fluid {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.logo-pre-big {
    position: absolute;
    top: 0;
    right: 0px;
}
.navbar-nav>li {
    float: left;
    position: relative;
    display: block;
}
.navbar-nav>li>a {
    line-height: 20px;
    position: relative;
    display: block;
    padding: 10px 15px;
}
.dropdown-menu {
    display: none;
}
.nav .dropdown:hover .dropdown-menu {
    display: block;
}
.navbar .nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar .nav .dropdown-menu {
    border-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/*
*New navbar menu
*/
.navbar {
    min-height: 65px;
    margin: 0; 
    border: none;
}

.navbar > .navbar-contractor-logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    width: 80px;
}

@media (min-width: 420px) {
    .navbar > .navbar-contractor-logo {
        width: 130px;
    }
}

@media (min-width: 1100px) {
    .navbar > .navbar-contractor-logo {
        width: 180px;
    }
}

.navbar > .navbar-contractor-logo > picture {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar > .navbar-contractor-logo > picture > img {
    display: block;
    object-fit: contain;
    max-width: 75px;
}

@media (min-width: 420px) {
    .navbar > .navbar-contractor-logo > picture > img {
        max-width: 100px;
    }
}

@media (min-width: 1100px) {
    .navbar > .navbar-contractor-logo > picture > img {
        max-width: 180px;
    }
}


.navbar > .navbar-contractor-logo > picture > source  {
    display: none;
}


.navbar-keeper-logo {
    width: 165px;
    height: auto;
    float: right;
    padding: 15px 5px 0 5px;
}

.keeper-logo_wrapper {
    display: inline-block;
}

.keeper-logo_img {
    width: inherit;
}

@media (min-width: 750px) {
    .navbar {
        height: auto;
        max-height: 80px;
    }
}
@media (min-width: 992px) {
    .navbar-keeper-logo {
        position: absolute;
        width: 250px;
        top: 0;
        right: 0;
    }
}
@media (min-width: 990px) {
    .navbar {
        border-radius: 0;
    }
}
.navbar .nav .navbar-close {
    padding-left: 10px;
    text-align: center;
    background-color: #a5a5a5;
}
@media (min-width: 990px) {
    .navbar .nav .navbar-close {
        display: none;
    }
}
.navbar .nav a {
    font-weight: normal;
    font-size: 18px;
}
@media (min-width: 990px) {
    .nav .nav-btn.nav-btn {
        box-sizing: border-box;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 6px;
        color: white!important;
        cursor: pointer;
        display: inline-block;
        height: 36px;
        padding: 8px 6px!important;
        margin: 20px 2px;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        white-space: nowrap;
        line-height: 20px;
        /*user-select*/
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .navbar .nav .nav-btn-green {
        background-color: #00b555;
        border-color: #00b555;
        transition: background-color 200ms ease, border-color 200ms ease;
    }

    .navbar .nav .nav-btn-green:hover {
        background-color: #00823d;
        border-color: #00823d;
    }

    .navbar .nav .nav-btn-green:focus {
        background-color: #00b555;
        border-color: #00b555;
    }
}
@media (min-width: 990px) {
    .navbar .nav a {
        border-bottom-color: transparent;

    }
}
.navbar .nav .dropdown-menu {
    font-size: 15px;
}
@media (min-width: 990px) {
    .navbar .nav .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar .nav .dropdown-menu a {
        padding: 5px 15px;
        background-color: #dadada;
    }
}
.navbar .nav .dropdown-menu a i {
    vertical-align: middle;
    font-style: normal;
}
@media (max-width: 989px) {
    .navbar .nav .dropdown.collapsed {
        overflow: hidden;
    }
    .navbar .nav .dropdown.collapsed .dropdown-menu {
        display: block;
        position: static;
        width: 100%;
        padding: 0;
        background-color: #dadada;
    }
    .navbar .nav .dropdown.collapsed .dropdown-menu li a {
        padding: 10px 8px 10px 30px;
    }
    .navbar .nav .dropdown.collapsed .dropdown-menu li a:hover {
        background-color: #dadada;
    }
    .navbar .nav .dropdown.collapsed .dropdown-menu li .icon {
        padding-right: 10px;
    }
    .navbar .nav .dropdown.collapsed .dropdown-menu li .icon:before {
        content: "\e911";
    }
}
@media (min-width: 990px) {
    .navbar .nav .dropdown:hover {
        background-color: #7fc2c7;
    }
    .navbar .nav .dropdown:hover .dropdown-toggle {
        background-color: #7fc2c7;
    }
    .navbar .nav .dropdown:hover a {
        color: #ffffff!important;
    }
    .navbar .nav .dropdown:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav .dropdown .dropdown-menu {
        background-color: #7fc2c7;
        border: none;
    }
    .navbar .nav .dropdown .dropdown-menu li {
        border-bottom: 1px solid #96d2d6;
    }
    .navbar .nav .dropdown .dropdown-menu li:hover {
        background-color: #68b1b6;
        border-bottom: 1px solid #68b1b6;
    }
    .navbar .nav .dropdown .dropdown-menu li:hover a {
        color: #ffffff!important;
    }
    .navbar .nav .dropdown .dropdown-menu li a {
        background-color: transparent!important;
        color: #215b67!important;
        font-size: 18px!important;
        padding: 20px 15px!important;
    }
    .navbar .nav .dropdown .dropdown-menu li a .icon {
        padding-right: 15px;
    }
}
@media (min-width: 990px) {
    .navbar .container-fluid {
        position: relative;
        width: 990px;
        margin: 0 auto;
        padding: 0;
    }
}

/* cookie bar */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top{transform:translateY(0)}.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link{text-decoration:underline}.cc-revoke{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-revoke:hover{text-decoration:underline}.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:15px;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:3px 3px 3px 20px;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width: 900px){.cc-btn{white-space:normal}}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.cc-window{border-top:1px solid #ccc}.cc-message{font-size:12px;line-height:1.4}.cc-btn{text-decoration:none}
/* end cookie bar */

div.box {
	border: 1px solid #DDDDDD;
	margin: 0 0 10px;
	min-height: 100px;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	position: relative
}
div.box > div {
	padding: 20px;
}
div.box h3 {
	border-bottom: 1px solid #DDDDDD;
	color: #109ED1;
	font-family: calibriregular;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 0 0 10px;
}
div.box ul li a {
	color: #858585;
	display: block;
	line-height: 16px;
	max-height: 27px;
	overflow: hidden;
	padding: 5px 5px 5px 20px;
	position: relative;
	text-decoration: none;
}
div.box ul li a:hover {
	color: #4c4c4c;
	text-decoration: underline;
}
div.box ul li a span.arrow {
	background-image: url("/bundles/adfinancefrontend/images/icons/arrows.png");
	background-position: -9px -36px;
	background-repeat: no-repeat;
	display: block;
	height: 9px;
	left: 0;
	margin: 1px auto;
	position: absolute;
	top: 7px;
	width: 9px;
}
div.box div.tag {
	background: none repeat scroll 0 0 #F8F8F8;
}
div.box div.tag:nth-child(2n) {
	background: none repeat scroll 0 0 #ffffff;
}
div.box div.tag a {
	color: #858585;
	display: block;
	padding: 10px;
	text-decoration: none;
}
div.box div.tag a:hover {
	color: #4c4c4c;
	text-decoration: underline;
	background-color: #e1f9fc;
}

div.box div.tag span.amount {
	float: right;
	font-weight: bold;
	color: #4c4c4c;
}
div.box div.tag a:hover span.amount{
	color: #007c98;
}


div.box.retangle {
    height: 250px;
}

/*SLIDER*/

/*
			Load CSS before JavaScript
		*/

		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:300px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/


#slides {
    border-radius: 3px 3px 3px 3px;
    max-width: 300px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

			.slides_control img {
			    max-width: 300px;
			}

			.slides_container div {
			    display: block;
			    height: 270px;
			    overflow: hidden;
			    width: 300px;
			}

		/*
			Optional:
			Reset list default style
		*/


.box .pagination {
    border: medium none;
    display: inline-block;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}

		.pagination > li {
			    display: inline-block;
			}


#slides span.title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    padding: 10px 5%;
    position: absolute;
    width: 90%;
}

#slides .prev, #slides .next {
    background-image: url("/bundles/adfinancefrontend/images/icons/arrows-slider.png");
    background-repeat: no-repeat;
    color: #000000;
    display: none;
    height: 50px;
    padding: 51px 0 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 100px;
    width: 50px;
    z-index: 9;
    opacity: 0.8;
}



#slides .prev {
    left: 0;
}

#slides .next {
    right: 0;
    background-position: -50px 0;
}

div.box ul.pagination
{
    display: none !important;
}

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

/* Dropdown control */
.selectBox-dropdown {
    width: 229px !important;
    height: 34px;
    line-height: 34px;
    float: left;
    clear: none;
    position: relative;
    -webkit-border-radius: 5px 8px 8px 5px;
    -moz-border-radius: 5px 8px 8px 5px;
    border-radius: 5px 8px 8px 5px;
    border: 1px solid #cccccc;
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    text-indent: 5px;
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.selectBox-dropdown-menu {
    min-width: 229px;
    width: auto !important;
}

.selectBox-dropdown-menu a {
    padding-right: 20px !important;
}

.selectBox-dropdown .selectBox-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    font-family: Tahoma, Arial;
    font-size: 13px;
    color: #666;
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 34px;
    background-image: url("/bundles/adfinancefrontend/images/select-default.png");
    background-position: right 0;
    background-repeat: no-repeat;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #cccccc;
    border-top: 0 !important;
    background: #fff;
    overflow: auto;
    text-indent: 10px;
    max-height: 300px;
}

/* Inline control
.selectBox-inline {
width: 250px;
outline: none;
border: solid 1px #BBB;
background: #FFF;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: auto;
}

.selectBox-inline:focus {
border-color: #666;
}*/

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.selectBox-options LI A {
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}

.selectBox-options LI.selectBox-hover A {
    background-color: #f0f0f0;
}

.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent;
}

.selectBox-options LI.selectBox-selected a {
    background: #f0f0f0;
}

.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #EEE;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
    color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}

.selectBox-inline.selectBox-disabled {
    color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent !important;
}

div.small-select .selectBox-dropdown {
    margin-right: 2px;
    width: 74px !important;
}

.smalls-selectBox-dropdown-menu {
    min-width: 74px;
    width: auto !important;
}

/**************** CATEGORY **************/

#category.energie .selectBox-dropdown {
    border: 1px solid #f3d099;
}

#category.energie .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-energie.png");
}

#options.energie .selectBox-dropdown-menu {
    border: 1px solid #f3d099;
}

#options.energie .selectBox-options LI.selectBox-selected a, #options.energie .selectBox-options LI.selectBox-hover a {
    background: #fbf1e2;
}

#category.pojisteni .selectBox-dropdown {
    border: 1px solid #98b8cc;
}

#category.pojisteni .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-pojisteni.png");
}

#options.pojisteni .selectBox-dropdown-menu {
    border: 1px solid #98b8cc;
}

#options.pojisteni .selectBox-options LI.selectBox-selected a, #options.pojisteni .selectBox-options LI.selectBox-hover a {
    background: #eaf1f6;
}

#category.hypoteky .selectBox-dropdown {
    border: 1px solid #c2b3e3;
}

#category.hypoteky .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-hypoteky.png");
}

#options.hypoteky .selectBox-dropdown-menu {
    border: 1px solid #c2b3e3;
}

#options.hypoteky .selectBox-options LI.selectBox-selected a, #options.hypoteky .selectBox-options LI.selectBox-hover a {
    background: #efeef3;
}

#category.karty .selectBox-dropdown {
    border: 1px solid #e6c4ae;
}

#category.karty .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-karty.png");
}

#options.karty .selectBox-dropdown-menu {
    border: 1px solid #e6c4ae;
}

#options.karty .selectBox-options LI.selectBox-selected a, #options.karty .selectBox-options LI.selectBox-hover a {
    background: #fbe2d2;
}

#category.pujcky .selectBox-dropdown {
    border: 1px solid #b0d483;
}

#category.pujcky .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-pujcky.png");
}

#options.pujcky .selectBox-dropdown-menu {
    border: 1px solid #b0d483;
}

#options.pujcky .selectBox-options LI.selectBox-selected a, #options.pujcky .selectBox-options LI.selectBox-hover a {
    background: #e7f2da;
}

#category.sporeni .selectBox-dropdown {
    border: 1px solid #abd2e2;
}

#category.sporeni .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-sporeni.png");
}

#options.sporeni .selectBox-dropdown-menu {
    border: 1px solid #abd2e2;
}

#options.sporeni .selectBox-options LI.selectBox-selected a, #options.sporeni .selectBox-options LI.selectBox-hover a {
    background: #eaf2f5;
}

#category.ucty .selectBox-dropdown {
    border: 1px solid #b7c7ea;
}

#category.ucty .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-ucty.png");
}

#options.ucty .selectBox-dropdown-menu {
    border: 1px solid #b7c7ea;
}

#options.ucty .selectBox-options LI.selectBox-selected a, #options.ucty .selectBox-options LI.selectBox-hover a {
    background: #e9ecf5;
}

#category.slevy .selectBox-dropdown {
    border: 1px solid #b3c5b3;
}

#category.slevy .selectBox-dropdown .selectBox-arrow {
    background-image: url("/public/img/form/select-slevy.png");
}

#options.slevy .selectBox-dropdown-menu {
    border: 1px solid #b3c5b3;
}

#options.slevy .selectBox-options LI.selectBox-selected a, #options.slevy .selectBox-options LI.selectBox-hover a {
    background: #f0f3f0;
}

a.selectBox-dropdown.konsselect {
    width: 180px !important;
}

.konsselect-selectBox-dropdown-menu {
    min-width: 180px !important;
}

/* line 7, ../sass/lightbox.sass */body:after {  content: url(/bundles/adfinancefrontend/images/lightbox/close.png) url(/bundles/adfinancefrontend/images/lightbox/loading.gif) url(/bundles/adfinancefrontend/images/lightbox/prev.png) url(/bundles/adfinancefrontend/images/lightbox/next.png);  display: none;}/* line 11, ../sass/lightbox.sass */.lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8;  display: none;}/* line 20, ../sass/lightbox.sass */.lightbox {  position: absolute;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;  font-weight: normal;}/* line 28, ../sass/lightbox.sass */.lightbox .lb-image {  display: block;  height: auto;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}/* line 32, ../sass/lightbox.sass */.lightbox a img {  border: none;}/* line 35, ../sass/lightbox.sass */.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;}/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */.lb-outerContainer:after {  content: "";  display: table;  clear: both;}/* line 44, ../sass/lightbox.sass */.lb-container {  padding: 4px;}/* line 47, ../sass/lightbox.sass */.lb-loader {  position: absolute;  top: 43%;  left: 0%;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}/* line 56, ../sass/lightbox.sass */.lb-cancel {  display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../images/lightbox/loading.gif) no-repeat;}/* line 63, ../sass/lightbox.sass */.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}/* line 71, ../sass/lightbox.sass */.lb-container > .nav {  left: 0;}/* line 74, ../sass/lightbox.sass */.lb-nav a {  outline: none;}/* line 77, ../sass/lightbox.sass */.lb-prev, .lb-next {  width: 49%;  height: 100%;  cursor: pointer;  /* Trick IE into showing hover */  display: block;}/* line 84, ../sass/lightbox.sass */.lb-prev {  left: 0;  float: left;}/* line 87, ../sass/lightbox.sass */.lb-prev:hover {  background: url(../images/lightbox/prev.png) left 48% no-repeat;}/* line 90, ../sass/lightbox.sass */.lb-next {  right: 0;  float: right;}/* line 93, ../sass/lightbox.sass */.lb-next:hover {  background: url(../images/lightbox/next.png) right 48% no-repeat;}/* line 96, ../sass/lightbox.sass */.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */.lb-dataContainer:after {  content: "";  display: table;  clear: both;}/* line 103, ../sass/lightbox.sass */.lb-data {  padding: 0 4px;  color: #bbbbbb;}/* line 106, ../sass/lightbox.sass */.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}/* line 111, ../sass/lightbox.sass */.lb-data .lb-caption {  font-size: 15px;  font-weight: bold;  line-height: 1em;}/* line 115, ../sass/lightbox.sass */.lb-data .lb-number {  display: block;  clear: left;  padding-bottom: 1em;  font-size: 12px;  color: #999999;}/* line 121, ../sass/lightbox.sass */.lb-data .lb-close {  display: block;  float: right;  width: 30px;  height: 30px;  background: url(../images/lightbox/close.png) top right no-repeat;  text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;}/* line 130, ../sass/lightbox.sass */.lb-data .lb-close:hover {  cursor: pointer;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;	
	padding: 0;
	*zoom: 1;
	z-index: 9999;	
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	z-index: 9999;
	min-height: 300px;

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}