* { font-family: 'Varela Round'; }
h1 { color: #000; font-family: 'Fredoka One'; font-size: 80px; font-weight: 400; line-height: 70px; text-transform: uppercase; }
h1 span { display: block; }
strong { font-family: 'Fredoka One'; font-weight: 400; }
p,li,td { font-size: 18px; line-height: 24px; }
h3,h4 { font-family: 'Fredoka One'; font-weight: 400; }
.archive,
.page-template-default { background: url(//www.chocowise.com/wp-content/themes/chocowise/images/background.png) no-repeat 0 50px; }
.archive h1,
.single-event h1,
.page-template-default h1 { margin: 60px 0; font-size: 50px; }
header { margin-left: -15px; margin-right: -15px; }
.navbar,.navbar-default { background-color: #eee; border: none!important; margin-bottom: 0; }
.navbar-default .navbar-nav li a { color: #000; font-family: 'Fredoka One'; font-size: 18px; }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,
.current-menu-parent > a { background-color: #5C3125 !important; color: #fff !important; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #eee; }
.postid-5 .navbar-default .navbar-nav>.active>a { background-color: #0085BC; }
.postid-8 .navbar-default .navbar-nav>.active>a { background-color: #D12229; }
.postid-11 .navbar-default .navbar-nav>.active>a { background-color: #00ADEF; }
.postid-14 .navbar-default .navbar-nav>.active>a { background-color: #40AD48; }
.postid-17 .navbar-default .navbar-nav>.active>a { background-color: #F16521; }
h3.product-description { background: #000; border-radius: 8px; color: #fff; display: inline-block; margin: 50px 0 40px; padding: 8px 20px; }
.product-title { margin-top: 100px; }
.product-title sup { font-size: 20px; top: -2.2em; }
.product-subtitle { font-size: 34px; line-height: 40px; margin-top: 20px; }
.product-features ul { list-style-image: url(//www.chocowise.com/wp-content/themes/chocowise/images/bullet.png); }
.product-features li { font-size: 18px; line-height: 22px; margin: 10px 0; }
.product-features h2 { margin: 30px 0; }
.product-background { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 500px; margin-left: -15px; margin-right: -15px; z-index: -1; }
.product-packshot { left: 15px; position: absolute; top: -120px; }
.product-sizes span { display: inline-block; }
.product-sizes span img { margin-left: -10px; }
.feature-options { margin: 10px 0 40px; }
.feature-options li { font-size: 24px; line-height: 28px; }
.product-options { margin: 40px 0 0; }
.product-options span { border-radius: 8px; color: #fff; display: inline-block; font-family: 'Fredoka One'; font-size: 18px; margin-bottom: 20px; margin-right: 10px; padding: 8px 20px; }
.product-options span.product-option-milk { background-color: #0072bb; }
.product-options span.product-option-dark { background-color: #79463a; }
.product-options span.product-option-sugarfree,
.product-options span.product-option-noaddedsugar { background-color: #5e9f3b; }
.table-striped>tbody>tr:nth-of-type(even) { background: #eee; }
.table-striped>tbody>tr:nth-of-type(odd) { background: #f6f6f6; }
.table-striped td { text-align: right; }
.table-striped td:first-child { text-align: left; }
footer { background: #502b20; margin: 0 -15px; padding: 10px 0; }
.extra-margin-top { margin-top: 40px; }
.extra-margin-bottom { margin-bottom: 40px; }
#accordion { padding-top: 40px; }
#accordion .panel-group .panel+.panel { margin-top: 0; }
#accordion .panel-group .panel { border-radius: 0; margin-bottom: 0; }
#accordion .panel { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin-bottom: 20px; webkit-box-shadow: none; }
.borderless th,.borderless td { border: none!important; }
.page-template-page-events,
.page-template-page-home { background: url(//www.chocowise.com/wp-content/themes/chocowise/images/home.png) no-repeat 50% 50px; }
.home-title { color: #794438; font-family: 'Varela Round'; font-size: 64px; line-height: 26px; margin-top: 270px; }
.home-title sup { font-size: 13px; top: -4em; }
.home-subtitle { color: #1B99D6; font-family: 'Fredoka One'; font-size: 70px; line-height: 60px; text-transform: uppercase; }
.home-description { font-size: 40px; line-height: 40px; width: 50%; }
.home-slogan { color: #fff; font-family: 'Fredoka One'; font-size: 36px; margin: 40px 0 0; moz-text-shadow: 0 0 10px #263F8F; text-shadow: 0 0 10px #263F8F; webkit-text-shadow: 0 0 10px #263F8F; }
.home-products { background: #5C3125; margin: 120px -15px 0; padding: 40px 0; }
.home-products .container { margin-top: -150px; } .home-products .slide { padding: 50px; }
.home-product-link img { moz-transition: all .3s linear; ms-transition: all .3s linear; o-transition: all .3s linear; transform: scale(1); transition: all .3s linear; webkit-transition: all .3s linear; }
.home-product-link { color: #fff; font-family: 'Fredoka One'; font-size: 20px; text-decoration: none!important; }
.home-product-link:hover { color: #ddd; }
.home-product-link:hover img { transform: scale(1.1); }
.home-disclaimer { color: #d19b8d; font-size: 14px; margin: 20px 0; }
.home-copyright { color: #743e2f; font-size: 14px; margin: 20px 0; }
a[aria-expanded="true"] { background: #5C3125!important; }
.postid-5 .graf,.postid-5 .graf .result,.postid-5 .graf .small-result,.postid-5 .line,.postid-5 .point,.postid-5 .graf .blok .dot { background-color: #0085BC; }
.postid-8 .graf,.postid-8 .graf .result,.postid-8 .graf .small-result,.postid-8 .line,.postid-8 .point,.postid-8 .graf .blok .dot { background-color: #D12229; }
.postid-11 .graf,.postid-11 .graf .result,.postid-11 .graf .small-result,.postid-11 .line,.postid-11 .point,.postid-11 .graf .blok .dot { background-color: #00ADEF; }
.postid-5 .graf .result:after,.postid-5 .graf .small-result:after { border-top-color: #0085BC; }
.postid-5 .graf .opis p span { color: #0085BC; }
.grafovi h2 { color: #fff; font-size: 1.8em; margin: 10px 0; text-transform: uppercase; }
.grafovi .graf { border-radius: 8px; margin: 10px 0; }
.grafovi .blok { background: #DEDEDE; position: relative; }
.grafovi .blok:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.grafovi .blok:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.grafovi .blok:not(:first-of-type) { border-top: 4px solid #fff; }
.grafovi .graf .blok .dot { border: 4px solid #fff; border-radius: 50%; height: 24px; left: -12px; position: absolute; top: 24px; width: 24px; }
.grafovi .opis { padding: 22px 30px; }
.grafovi .opis p { font-size: 1.4em; font-weight: 300; }
.grafovi .opis p span { font-weight: 700; }
.grafovi .napomena { bottom: 15px; font-size: .9em; left: 0; padding: 0 30px; position: absolute; }
.graph-title { font-size: 1.2em; font-weight: 700; margin: 26px 0 10px; text-align: center; }
.grid { background-image: linear-gradient(90deg,transparent 79px,transparent 81px),linear-gradient(#999 .05em,transparent .05em); background-image: -moz-linear-gradient(0deg,transparent 79px,transparent 81px),-moz-linear-gradient(#999 .05em,transparent .05em); background-image: -webkit-linear-gradient(0deg,transparent 79px,transparent 81px),-webkit-linear-gradient(#999 .05em,transparent .05em); background-size: 100% 4em; float: left; margin: 20px 0; padding-bottom: 4em; width: 100%; }
.grid .col-xs-4 { padding: 0 30px; }
.grid .result { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 4px; height: 200px; margin-top: 4em; position: relative; }
.grid .result:after { border-left: 126px solid transparent; border-right: 126px solid transparent; border-top: 14px solid blue; bottom: -14px; content: ''; left: 0; position: absolute; right: 0; }
.grid .result p { bottom: 0; color: #fff; font-size: 1.1em; left: 0; margin: 0; position: absolute; right: 0; text-align: center; }
.grid .hour-result { background: #454545; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 4px; height: 18px; margin-top: 4em; position: relative; top: -18px; }
.grid .hour-result p { bottom: 10px; color: #454545; font-size: 1.1em; left: 0; position: absolute; right: 0; text-align: center; }
.grid .small-result { background: blue; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 4px; position: relative; }
.grid .small-result:after { border-left: 78px solid transparent; border-right: 78px solid transparent; border-top: 14px solid blue; bottom: -14px; content: ''; left: 0; position: absolute; right: 0; }
.grid .small-result p { bottom: 0; color: #fff; font-size: 1.1em; left: 0; margin: 0; position: absolute; right: 0; text-align: center; }
.grid .small-result p:first-child { font-weight: 300; position: relative; position: static; top: 10px; }
.crveni-graf .small-result { background: red; }
.blok .titles p { margin: 0; }
.constipation { height: 250px; }
.bowel { height: 180px; }
.abdomen { height: 170px; }
.diastolic { background-size: 100% 3.5em; height: 393px; margin-bottom: 10px; padding-bottom: 0; }
.diastolic .row { height: 100%; }
.diastolic .row .col-xs-4 { height: 100%; }
.diastolic .text-center { height: auto!important; }
.diastolic1,.diastolic2,.diastolic3 { bottom: 0; left: 30px; position: absolute!important; right: 30px; }
.diastolic1:after,.diastolic2:after,.diastolic3:after { border: none!important; }
.diastolic1 { height: 334px; }
.diastolic2 { height: 276px; }
.diastolic3 { height: 130px; }
.allergic { background-size: 100% 8em; height: 337px; padding-bottom: 0; position: relative; }
.allergic .row { height: 100%; }
.allergic .row .col-xs-6 { height: 100%; }
.allergic .small-result { left: 70px; right: 70px; }
.allergic-labels { left: 40px!important; }
.allergic-labels p { margin-bottom: 89px!important; }
.allergic1,.allergic2 { bottom: 0; position: absolute!important; }
.allergic1:after,.allergic2:after { border: none!important; }
.allergic1 { height: 224px; }
.allergic2 { height: 154px; }
.cardiovascular1,.cardiovascular2,.cardiovascular3 { bottom: 0; left: 30px; position: absolute!important; right: 30px; }
.cardiovascular1:after,.cardiovascular2:after,.cardiovascular3:after { border: none!important; }
.cardiovascular1 { height: 334px; }
.cardiovascular2 { height: 260px; }
.cardiovascular3 { height: 186px; }
.cumulative { background-size: 100% 8em; height: 337px; padding-bottom: 0; position: relative; }
.cumulative .row { height: 100%; }
.cumulative .row .col-xs-3 { height: 100%; }
.cumulative .small-result { left: 40px; right: 40px; }
.cumulative1,.cumulative2,.cumulative3,.cumulative4 { bottom: 0; left: 30px; position: absolute!important; right: 30px; }
.cumulative1:after,.cumulative2:after,.cumulative3:after,.cumulative4:after { border: none!important; }
.cumulative1 { height: 224px; }
.cumulative2 { height: 113px; }
.cumulative3 { height: 136px; }
.cumulative4 { height: 132px; }
.p-number { color: #999; font-size: .9em; position: absolute; right: 10px; top: 10px; }
.reduction { font-size: 2.2em; line-height: .6em; margin: 0; position: absolute; right: 10px; text-align: right; top: 40px; width: 200px; }
.reduction span { font-size: .6em; }
.ldl11 { height: 40px!important; top: -40px; }
.ldl12 { height: 120px!important; }
.ldl21 { height: 55px!important; top: -55px; }
.ldl22 { height: 84px!important; }
.ldl31 { height: 40px!important; top: -40px; }
.ldl32 { height: 120px!important; }
.ldl11,.ldl21,.ldl31 { background: #454545!important; }
.ldl12,.ldl22,.ldl32 { border-bottom-left-radius: 4px!important; border-bottom-right-radius: 4px!important; border-top-left-radius: 0!important; border-top-right-radius: 0!important; }
.ldl11:after,.ldl12:after,.ldl21:after,.ldl22:after,.ldl31:after,.ldl32:after { border: none!important; }
.no-left { padding-left: 0; }
.no-right { padding-right: 0; }
.labeled-graph { padding-left: 70px; }
.extra-labeled-graph { padding-left: 90px; }
.graph-labels { bottom: 0; left: 30px; position: absolute; top: 68px; }
.graph-labels p { font-size: 1em; margin: 0 0 25px; text-align: right; }
.ldl-graph { top: 100px; }
.ldl-graph p { margin: 0 0 32px; }
.ldl-grid .result { margin-top: 8em; }
.integer-labels { left: 42px; }
.footline { font-weight: 700; margin-bottom: 24px; }
.vertical-title { font-weight: 700; ms-transform: rotate(270deg); position: absolute; transform: rotate(270deg); webkit-transform: rotate(270deg); white-space: nowrap; }
.diastolic-vertical { font-size: 1em; left: -120px; top: 270px; width: 260px; }
.cardiovascular-vertical { font-size: 1em; left: -140px; top: 262px; width: 330px; }
.stability-vertical { font-size: 1em; left: -112px; top: 168px; width: 230px; }
.allergic-vertical { font-size: 1em; left: -112px; margin: 0; top: 242px; width: 264px; }
.cumulative-vertical { font-size: 1em; left: -112px; margin: 0; top: 242px; width: 260px; }
.ldl-grid { margin-top: 4px; }
.stability-grid { height: 300px; margin-bottom: 0; margin-top: 40px; padding-bottom: 0; position: relative; }
.stability-graph { left: 28px; top: 30px; }
.stability-graph p { font-size: 14px; }
.extra-labeled-graph .graph-labels p { margin: 0 0 23px; }
.extra-labeled-graph .grid { background-size: 100% 3.4em; }
.point { background: blue; border: 2px solid #fff; border-radius: 50%; height: 14px; position: absolute; width: 14px; z-index: 99; }
.point1 { left: 10px; top: 37px; }
.point2 { left: 10px; top: 37px; }
.point3 { left: 10px; top: 20px; }
.point4 { left: 10px; top: 37px; }
.point5 { right: 10px; top: 39px; }
.line { background: blue; height: 4px; position: absolute; z-index: 9; }
.line1 { left: 14px; right: -12px; top: 42px; }
.line2 { left: 14px; ms-transform: rotate(-6deg); right: -12px; top: 34px; transform: rotate(-6deg); webkit-transform: rotate(-6deg); }
.line3 { left: 14px; ms-transform: rotate(6deg); right: -12px; top: 34px; transform: rotate(6deg); webkit-transform: rotate(6deg); }
.line4 { left: 14px; ms-transform: rotate(1deg); right: 14px; top: 42px; transform: rotate(1deg); webkit-transform: rotate(1deg); }
.float-left { float: left; }
.float-right { float: right; }
.foot-note { font-size: .9em; text-align: right; }
.placebo-legend { background: #454545; display: inline-block; height: 18px; margin: 0 6px 0 14px; position: relative; top: 3px; width: 18px; }
.lrc-legend { background: red; display: inline-block; height: 18px; margin: 0 6px 0 14px; position: relative; top: 3px; width: 18px; }
.lrc-p { bottom: 80px; color: #999; position: absolute; right: 20px; }
.diastolic-p { color: #999; position: absolute; right: 20px; top: 90px; }
.banner-modal { background: rgba(0,0,0,0.7) url(//www.chocowise.com/wp-content/themes/chocowise/images/SSW17.png) center center no-repeat; ¸sor: pointer; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; }
.contact-button { background: #40ad48; border: none; border-radius: 4px; color: #fff; padding: 10px 20px; }
.chocowise .nav>li>a { padding: 10px 12px; }
.chocowise .navbar-nav>li>a { line-height: 30px; }
.menu-item-352 { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; }
.chocowise .dropdown-menu { border: none; }
.video-container { position: relative; padding-bottom: 56.25%; background-color: #000; }
.video-container:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.video-container iframe, .video-container video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.post-template-default h1 { font-size: 50px; line-height: 52px; margin: 40px 0; }
@media screen and (max-width: 1199px) { 
.navbar-default .navbar-nav li a { font-size: 14px; }
.grid .result:after { border-left-width: 102px; border-right-width: 102px; }
.grid .small-result:after { border-left-width: 58px; border-right-width: 58px; }
.home-products .small-product { margin-top: 42px; }
}
@media screen and (max-width: 991px) { 
.navbar-default .navbar-nav li a { font-size: 12px; }
.home-products .small-product { margin-top: 24px; }
.navbar-nav { float: none; text-align: center; }
.navbar-nav>li { display: inline-block; float: none; }
.grid .result:after { border-left-width: 76px; border-right-width: 76px; }
.grid .small-result:after { border-left-width: 36px; border-right-width: 36px; }
.home-product-link { font-size: 1.2em; }
.home-product-link img { margin: 0 auto; }
.home-title,.product-title { font-size: 3em; line-height: normal; margin-bottom: 0; }
.home-subtitle,.product-subtitle { font-size: 2.6em; line-height: normal; margin-top: 0; }
.home-description { font-size: 1.8em; line-height: normal; }
.home-title { margin-top: 220px; }
.home-title sup { top: -2.4em; } .allergic-labels { top: 70px; }
.ldl-graph { top: 125px; }
.cumulative .small-result { left: 30px; right: 30px; }
.product-packshot { margin-top: -120px; max-width: 500px; position: static; }
.grid .small-result p:first-child { font-size: 1em; line-height: 1.2em; ms-transform: rotate(270deg); top: 70px!important; transform: rotate(270deg); webkit-transform: rotate(270deg); }
.lrc-p { bottom: 100px; }
}
@media screen and (max-width: 767px) { 
.navbar-default .navbar-nav li a { font-size: 18px; }
.home-products .home-product { width: 100%; }
.home-products .small-product { margin-top: 0; }
.navbar-nav>li { display: block; float: none; }
.container > .row { margin: 0!important; }
.napomena { position: static!important; }
.home-title,.product-title { font-size: 2.6em; }
.home-title { margin-top: 100px; }
.home-title sup { top: -2em; }
.home-product-link { display: block; margin-bottom: 50px; }
.home-subtitle,.product-subtitle { font-size: 2em; margin-top: 0; }
.home-description { font-size: 1.6em; width: 100%; }
.home-slogan { line-height: normal; }
.product-title { margin-top: 30px; color: #0085BC!important; }
.product-subtitle { color: #333!important; }
.product-title sup { top: -1em; }
.product-description { margin: 20px 0!important; }
.product-features h2 { margin: 20px 0 10px; }
.product-options span { margin: 5px; }
.product-packshot { margin-top: 20px; width: 100%; }
.product-background { height: auto; background-size: 140vw; background-position: right top; }
.product-background > div { margin-top: 50vw; }  .product-subtitle { width: 100%; }
.page-template-default h1 { font-size: 30px; line-height: 32px; margin: 50px 0; }
.feature-options li { font-size: 1.4em; line-height: normal; }
.graf { float: none; margin: 10px auto!important; width: 500px; }
.grafovi h2 { margin: 0; padding: 10px 0; }
.grid .result:after { border-left-width: 110px; border-right-width: 110px; }
.grid .small-result:after { border-left-width: 48px; border-right-width: 48px; }
.table-striped td { font-size: 1em; }
.stability-vertical { left: -100px; }
.diastolic-vertical { left: -114px; }
.ldl-graph { top: 126px; }
.lrc-p { bottom: 80px; }
a[aria-expanded="true"] { background: #5C3125!important; }
table.borderless { float: left; width: 100%; }
.concept-nav a { margin-bottom: 20px; }
}
@media screen and (max-width: 580px) { 
.row.concept-nav .btn { white-space: normal; }
.graf { float: none; margin: 10px auto!important; width: 260px; }
.grid .col-xs-4 { padding: 0 10px; }
.grid .result:after { border-left-width: 50px; border-right-width: 50px; }
.grid .small-result:after { border-left-width: 28px; border-right-width: 28px; }
.line2 { left: 14px; ms-transform: rotate(-20deg); right: -12px; top: 35px; transform: rotate(-20deg); webkit-transform: rotate(-20deg); }
.line3 { left: 14px; ms-transform: rotate(19deg); right: -12px; top: 32px; transform: rotate(19deg); webkit-transform: rotate(19deg); }
.allergic .small-result { left: 20px; right: 20px; }
.allergic-labels { top: 118px; }
.cumulative .small-result { left: 14px; right: 14px; }
.labeled-graph .col-xs-3 { padding: 0; }
.labeled-graph .col-xs-3 p { font-size: .8em; line-height: 1em; margin-bottom: 20px; margin-top: 10px; ms-transform: rotate(270deg); transform: rotate(270deg); webkit-transform: rotate(270deg); }
.labeled-graph .col-xs-3 p b { white-space: nowrap; }
.labeled-graph .titles p { font-size: .8em; line-height: 1em; }
.labeled-graph .col-xs-4 p { font-size: .8em; line-height: 1em; }
.labeled-graph .footline { margin-bottom: 0; }
.extra-labeled-graph .col-xs-3 p { font-size: 1em; }
.ldl-graph { top: 160px; }
.integer-labels { top: 94px; }
.diastolic .small-result { left: 15px; right: 15px; }
.diastolic-p { font-size: 1.1em; top: 124px; }
.lrc-p { bottom: 90px; font-size: 1.1em; }
}