.bcna .wrapper{padding-top:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*,*::before,*::after{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern';}
*{box-sizing:border-box;}
body{margin:0;padding:0;font-size:16px;color:#000;font-style:normal;font-weight:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern';box-sizing:content-box;line-height:normal;}
p{margin:0 0 15px 0;font-size:18px;line-height:28px;}
a{text-decoration:none;color:inherit;outline:none;}
a:hover,a:focus,a:active{text-decoration:none;color:inherit;}
p a{color:#00adae;}
p a:hover{color:#535353;}
img{vertical-align:middle;max-width:100%;border:0;}
ul{padding:0;}
h1,h2,h3,h4,h5,h6{margin-top:0;}
#wrapper{overflow:hidden;}
.wrap-inner{max-width:1390px;margin:0 auto;padding:0 10px;}
.wrap-inner2{max-width:1500px;margin:0 auto;padding:0 10px;}
.container{max-width:1170px;margin:0 auto;}
.fl-left{float:left;margin-right:4%;position:relative;}
.fl-right{float:right;}
.fclear{clear:both;}
.valign{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
hr{margin:0;padding:0;border:0;background:none;}
.bdr{border:1px solid red;}
.row:before,.row:after{content:'';display:table;clear:both;}
.column{float:left;padding:0 15px;}
.xsmall-1{width:8.33333333%}
.xsmall-2{width:16.66666667%}
.xsmall-3{width:25%}
.xsmall-4{width:33.33333333%}
.xsmall-5{width:41.66666667%}
.xsmall-6{width:50%}
.xsmall-7{width:58.33333333%}
.xsmall-8{width:66.66666667%}
.xsmall-9{width:75%}
.xsmall-10{width:83.33333333%}
.xsmall-11{width:91.66666667%}
.xsmall-12{width:100%}
.xsmall-offset-12{margin-left:100%;}
.xsmall-offset-11{margin-left:91.66666667%;}
.xsmall-offset-10{margin-left:83.33333333%;}
.xsmall-offset-9{margin-left:75%;}
.xsmall-offset-8{margin-left:66.66666667%;}
.xsmall-offset-7{margin-left:58.33333333%;}
.xsmall-offset-6{margin-left:50%;}
.xsmall-offset-5{margin-left:41.66666667%;}
.xsmall-offset-4{margin-left:33.33333333%;}
.xsmall-offset-3{margin-left:25%;}
.xsmall-offset-2{margin-left:16.66666667%;}
.xsmall-offset-1{margin-left:8.33333333%;}
.xsmall-offset-0{margin-left:0%;}
/* TOP BANNER START
---------------------------*/
.top-banner{background-color:#000;background-image:url(../images/case-studies/bcna/top-banner.png);background-repeat:no-repeat,repeat;background-size:cover;background-position:center center;position:relative;color:#fff;min-height:400px;}
.banner-caption{padding:20px;position:absolute;bottom:0;background:rgba(0,0,0,.8);}
.item-bdy-blk h1{font-size:26px;font-weight:normal;margin-bottom:5px;color: #FFFFFF;}
.item-bdy-blk p{font-size:15px;line-height:22px; color: #FFFFFF;}
/* TOP BANNER END
---------------------------*/
/* CASESTUDY TITLE SECTION START
-----------------------------------*/
.casestudy-title-section{padding:60px 0;text-align:center;clear:both;}
.casestudy-title-section .casestudy-title h2{font-size:30px;color:#01385e;font-weight:normal;}
.casestudy-title-section .casestudy-title h2 strong{color:#e11f8f;}
.casestudy-title-section .casestudy-title.cloned{visibility:visible!important;width:100%!important;left:0!important;background:#fff;padding:20px;}
.casestudy-title-section .casestudy-title.cloned h2{font-size:20px;text-align:center;}
/* CASESTUDY TITLE SECTION START
-----------------------------------*/
/* OBJECTIVES SECTION START
-----------------------------------*/
.objectives-section{background:#070506 url(../images/case-studies/bcna/objectives-background.jpg) no-repeat top center;color:#fff;padding:60px 0;overflow:hidden;position:relative;}
.objectives-section:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:block;}
.objectives-section .container{position:relative;z-index:1;}
strong{font-weight:normal;}
h2{font-size:26px;}
h3{font-size:18px;font-weight:normal;line-height:1.25em;}
.objectives-section h2{text-align:center;margin-bottom:40px;font-weight:normal; color: #FFFFFF; }
.objectives-buckets .bucket{margin-bottom:30px;display:table;}
.objectives-buckets > .column:last-child .bucket{margin-bottom:0;}
.objectives-buckets figure{width:60px;display:table-cell;}
.objectives-buckets .bucket .bucket-content{display:table-cell;vertical-align:middle;padding-left:20px;}
.objectives-buckets p{font-size:16px;line-height:22px;margin-bottom:0; color: #FFFFFF; }
/* OBJECTIVES SECTION END
-----------------------------------*/
/* RESULTS SECTION END
-----------------------------------*/
.results-section{padding:60px 0;text-align:center;font-weight:normal;}
.results-section h2{margin-bottom:30px;color:#01385e;}
.result-detail{text-align:left;padding:0;}
.results-section h3.title{font-size:20px;margin-bottom:25px;}
.results-section .graph,.result-detail{margin-bottom:25px;}
.result-detail h3{font-size:20px;line-height:32px;color:#e11f8f;text-align:center;border-bottom:3px solid #f08fc7;margin-bottom:10px;}
.result-detail p{font-size:16px;line-height:22px;margin-bottom:0;}
.result-detail.fullwidth p strong{font-size:1.5em;}
.secondhalf h3{color:#01385e;border-color:#01385e;}
.fullwidth h3{color:#000;border:0;}
.ctr-section{background:#faf6f6;}
/* RESULTS SECTION END
-----------------------------------*/
/* RESPONSE SECTION START
-----------------------------------*/
.response-section{background:#01385e;color:#fff;padding:60px 0;overflow:hidden;}
.response-section h3{font-size:20px;text-align:center;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e01f8f; color: #FFFFFF; }
.response-section p{font-weight:normal;font-size:16px; color: #FFFFFF; }
/* RESPONSE SECTION END
-----------------------------------*/
/* APPROACH SECTION START
-----------------------------------*/
.approach-layar-section{background:url(../images/case-studies/bcna/BCNA-Map.svg) no-repeat center bottom;background-size:cover;color:#000;text-align:center;padding:60px 10px;position:relative;min-height:320px;overflow:hidden;}
.approach-layar-section .burger-layer-image{display:none;}
.approach-layar-section h2{color:#01385e;font-weight:normal;margin-bottom:30px;}
.approach-layar-section h2 span{color:#F0C333;}
.approach-layers .item{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.approach-layers .item .layer-content{display:table;position:relative;text-align:left;}
.approach-layers .item .layer-content > span{display:table-cell;width:55px;font-size:45px;font-weight:normal;color:#d4d4d4;vertical-align:top;}
.approach-layers .item .layer-content > p{display:table-cell;vertical-align:top;font-size:16px;}
/* APPROACH SECTION END
-----------------------------------*/
.case-study-page .right-fixed-social-icons,.case-study-page .triggre-social-icons{display:none;}
/*------------------------------/
CASESTUDY STYLING END
/------------------------------*/
.approach-layers.owl-carousel { position: relative; }
.page-template-bcna header { background-color: #ffda30; }
.approach-layers .item { margin-bottom: 25px; }
/*------------------------------/
RESPONSIVE START
/------------------------------*/
@media(min-width:1025px){
.bcna .mainlogo svg{fill:#FFF}
.bcna .site-header.allot-position:hover .mainlogo svg,
.bcna .site-header.allot-position.fixed-header .mainlogo svg{fill:#000}
.bcna .top-nav>ul>li>a{color:#FFF}
.bcna .top-nav>ul>li>a:after{background:#FFF}
.bcna .top-nav>ul>li .submenu-toggle:after{border-color:#FFF}
.bcna.menu-opened .mainlogo svg{fill:#000}
.bcna.menu-opened .top-nav>ul>li>a{color:#000}
.bcna.menu-opened .top-nav>ul>li>a:after{background:#000}
.bcna.menu-opened .top-nav>ul>li .submenu-toggle:after{border-color:#000}
.bcna .site-header.allot-position.fixed-header .top-nav>ul>li>a{color:#000}
.bcna .site-header.allot-position.fixed-header .top-nav>ul>li .submenu-toggle:after{border-color:#000}
.bcna .site-header.allot-position:hover .top-nav>ul>li>a{color:#000}
.bcna .top-nav>ul>li.podcast-link>a{color:#000}
.bcna .top-nav>ul>li.podcast-link>a:hover{background:#FFF}
}
@media(max-width:1350px){
.mainlogo svg, .menulogo svg{fill:#FFF}
.hamburger .hamburger-inner:before,.hamburger .hamburger-inner:after{background:#FFF}
.hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after{background:#000;}
}
@media (min-width:480px){
.small-1{width:8.33333333%} .small-2{width:16.66666667%} .small-3{width:25%} .small-4{width:33.33333333%} .small-5{width:41.66666667%} .small-6{width:50%} .small-7{width:58.33333333%} .small-8{width:66.66666667%} .small-9{width:75%} .small-10{width:83.33333333%} .small-11{width:91.66666667%} .small-12{width:100%} .small-offset-12{margin-left:100%;} .small-offset-11{margin-left:91.66666667%;} .small-offset-10{margin-left:83.33333333%;} .small-offset-9{margin-left:75%;} .small-offset-8{margin-left:66.66666667%;} .small-offset-7{margin-left:58.33333333%;} .small-offset-6{margin-left:50%;} .small-offset-5{margin-left:41.66666667%;} .small-offset-4{margin-left:33.33333333%;} .small-offset-3{margin-left:25%;} .small-offset-2{margin-left:16.66666667%;} .small-offset-1{margin-left:8.33333333%;} .small-offset-0{margin-left:0%;}
/* RESULTS SECTION START
-----------------------------------*/
.result-detail{padding:0 10px;}
.fullwidth h3{text-align:left;}
/* RESULTS SECTION END
-----------------------------------*/
}
@media (min-width:568px){
/* TOP BANNER START
/----------------------------------------*/
.top-banner{min-height:550px;}
.banner-caption{bottom:0;}
/* TOP BANNER END
---------------------------*/
}
@media (min-width:768px){
.mid-1{width:8.33333333%} .mid-2{width:16.66666667%} .mid-3{width:25%} .mid-4{width:33.33333333%} .mid-5{width:41.66666667%} .mid-6{width:50%} .mid-7{width:58.33333333%} .mid-8{width:66.66666667%} .mid-9{width:75%} .mid-10{width:83.33333333%} .mid-11{width:91.66666667%} .mid-12{width:100%} .mid-offset-12{margin-left:100%;} .mid-offset-11{margin-left:91.66666667%;} .mid-offset-10{margin-left:83.33333333%;} .mid-offset-9{margin-left:75%;} .mid-offset-8{margin-left:66.66666667%;} .mid-offset-7{margin-left:58.33333333%;} .mid-offset-6{margin-left:50%;} .mid-offset-5{margin-left:41.66666667%;} .mid-offset-4{margin-left:33.33333333%;} .mid-offset-3{margin-left:25%;} .mid-offset-2{margin-left:16.66666667%;} .mid-offset-1{margin-left:8.33333333%;} .mid-offset-0{margin-left:0%;}
/* TOP BANNER START
/----------------------------------------*/
.item-bdy-blk h1{font-size:36px;margin-bottom:15px; color: #FFFFFF; }
.item-bdy-blk p{font-size:18px;line-height:28px;}
.casestudy-title-section .casestudy-title h2{font-size:40px;}
.objectives-buckets .bucket .bucket-content{min-height:252px;}
.results-section h2{text-align:left;padding:0 20px;}
.response-section h3{border:0;text-align:left;}
.response-section .mid-9{border-left:1px solid #e01f8f;}
.approach-layar-section .container{max-width:480px;}
}
@media (min-width:1024px){
.large-1{width:8.33333333%} .large-2{width:16.66666667%} .large-3{width:25%} .large-4{width:33.33333333%} .large-5{width:41.66666667%} .large-6{width:50%} .large-7{width:58.33333333%} .large-8{width:66.66666667%} .large-9{width:75%} .large-10{width:83.33333333%} .large-11{width:91.66666667%} .large-12{width:100%} .large-offset-12{margin-left:100%;} .large-offset-11{margin-left:91.66666667%;} .large-offset-10{margin-left:83.33333333%;} .large-offset-9{margin-left:75%;} .large-offset-8{margin-left:66.66666667%;} .large-offset-7{margin-left:58.33333333%;} .large-offset-6{margin-left:50%;} .large-offset-5{margin-left:41.66666667%;} .large-offset-4{margin-left:33.33333333%;} .large-offset-3{margin-left:25%;} .large-offset-2{margin-left:16.66666667%;} .large-offset-1{margin-left:8.33333333%;} .large-offset-0{margin-left:0%;}
.top-banner{min-height:768px;background-size:contain;background-position:left top;}
.banner-caption{padding:30px;bottom:60px;right:0;margin:0;width:710px;background:rgba(0,0,0,0.8);}
.casestudy-title-section .casestudy-title.cloned{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}
.casestudy-title-section .casestudy-title.cloned h1{font-size:30px;}
.objectives-section h2{text-align:left;padding:0 15px;}
.objectives-buckets .bucket{margin-bottom:20px;}
.response-section{padding:87px 0;}
.response-section h3{margin-bottom:0;padding-bottom:0;}
.response-section .mid-3{padding:10px 15px 0 15px;}
.response-section .mid-9{padding:10px 80px 10px 60px;}
.response-section h3{font-size:25px;}
.response-section p{font-size:18px;}
.results-section h2{font-size:40px;}
.results-section h3.title{font-size:30px;margin-bottom:50px;}
.results-section .graph,.result-detail{margin-bottom:50px;}
.result-detail.secondhalf h3,.result-detail.firsthalf h3{font-size:25px;line-height:50px;border-width:9px;}
.result-detail.fullwidth{margin-bottom:0;}
.approach-layar-section h2{margin-bottom:70px;font-size:40px;}
}
@media (min-width:1025px){
.result-buckets .bucket:nth-child(2n){padding-left:53px;}
.objectives-section{background-attachment:fixed;}
.approach-layar-section{padding:90px 0;min-height:1170px;background-position:center 215px;}
.approach-layar-section h2{position:relative;z-index:10;text-align:left;margin-bottom:240px;}
.approach-layar-section .burger-layer-image{background:url(../images/case-studies/bcna/BCNA.svg) no-repeat top center;display:block;width:365px;height:910px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:0;}
.approach-layers .item .layer-content > span{width:65px;font-size:50px;line-height:50px;}
.approach-layers.owl-carousel{display:block;height:100%;}
.approach-layar-section .container{height:100%;max-width:1170px;position:relative;z-index:10;}
.approach-layers .item .arrow{display:none;}
.approach-layers .item{position:absolute;width:450px;}
.approach-layers .item:nth-child(1){top:0;left:0;padding-right:15px;}
.approach-layers .item:nth-child(2){top:400px;left:0;padding-right:45px;}
.approach-layers .item:nth-child(3){top:0;right:0;padding-left:45px;}
.approach-layers .item:nth-child(4){top:205px;right:0;padding-left:45px;}
.approach-layers .item:nth-child(5){top:500px;right:0;padding-left:45px;}
}
@media (min-width:1280px){
.top-banner{min-height:806px;height:806px;background-size:55%;background-position:left center;}
.banner-caption{background:none;top:60%;right:0;bottom:inherit;width:50%;padding-left:15%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.item-bdy-blk{max-width:450px;}
.item-bdy-blk h1{font-size:50px;}
.item-bdy-blk p{font-size:25px;line-height:40px;}
.casestudy-title-section{padding:60px 0;text-align:left;}
.casestudy-title-section .casestudy-title h2{font-size:52px;}
.casestudy-title-section .casestudy-title.cloned h1{font-size:38px;}
h2{font-size:40px;}
.objectives-section{padding:110px 0 100px;}
.objectives-section h2{margin-bottom:70px;}
.objectives-buckets p{font-size:18px;line-height:28px;}
.results-section{padding:90px 0;}
.response-section .mid-3{width:232px;padding:30px 15px 30px 15px;}
.response-section .mid-9{width:auto;float:none;overflow:hidden;padding:30px 15% 30px 28px;}
}
@media (max-width: 1024px) {
.approach-layar-section .container { max-width: 680px; }
.approach-layers .item .layer-content > p { padding-left: 15px; }
}
@media (max-width: 767px) {
.top-banner { min-height: 600px; }
}
/*------------------------------/
RESPONSIVE END
/------------------------------*/