/* Main Classes for CS */
#main > div.container_wrap_first{ background-color:#ecf0f3 !important; }


/* Case Studies List */
.ptg-case-studies{ float:left; width:100%; }
.ptg-case-studies-wrap{ float:left; width:100%; margin:10px 0; }
.ptg-case-studies-wrap h1{ float:left; width:100%; text-align:center; font-size:44px; margin:10px 0 25px; font-weight:lighter; text-transform:uppercase !important; }

.ptg-case-study-filter-wrap{ float:left; width:25%; }
.ptg-case-study-filter{ float:left; width:100%; margin-bottom:25px; background:#FFF; padding:20px 13px; }
.ptg-case-study-filter h3{ float:left; width:100%; font-size:14px; font-weight:bold; margin-bottom:15px; text-transform:uppercase !important; }
.ptg-case-study-filter-row{ float:left; width:100%; }
.ptg-case-study-filter-row-half{ float:left; width:100%; padding-left:5px; }
.ptg-case-study-filter-row-half input[type="checkbox"]{ opacity:0; }
.ptg-case-study-filter-row-half label{ cursor:pointer; font-weight:normal; position:relative; display:inline-block; padding-left:22px; margin-left:-15px; }
.ptg-case-study-filter-row-half label::before{ content:""; display:inline-block; height:16px; width:16px; border:1px solid; }
.ptg-case-study-filter-row-half label::after{ height:6px; width:9px; border-left:2px solid; border-bottom:2px solid; trasform: rotate(-45deg); }
.ptg-case-study-filter-row-half label::before, .ptg-case-study-filter-row-half label::after{ position:absolute; content:""; display:inline-block; }
.ptg-case-study-filter-row-half label::before{ left:0px; top:3px; }
.ptg-case-study-filter-row-half label::after{ left:4px; top:7px; }
.ptg-case-study-filter-row-half input[type="checkbox"]:checked + label::after{ content:""; }
.ptg-case-study-filter-row-half input[type="checkbox"] + label::after{ content:none; }
.ptg-case-study-filter-row-half input[type="checkbox"]:focus + label::before{ outline:rgb(59,153,252) auto 5px; }

.ptg-case-studies-list-wrap{ float:right; width:73%; }
.ptg-case-study-row{ float:left; width:32.333333%; margin-right:1.5%; background:#FFF; padding:15px; margin-bottom:10px; }
.ptg-case-study-row:nth-child( 3n+3 ){ margin-right:0; }
.ptg-case-study-row:nth-child( 3n+1 ){ clear:both }
.ptg-case-study-row h3{ float:left; width:100%; margin:15px 0 5px; text-align:center; font-weight:normal; }
.ptg-case-studies-video-slider{ float:left; width:100%; }
.ptg-case-studies-video-slider > a{ float:left; width:100%; display:block; border:1px solid #0b5897; }
.ptg-case-studies-video-slider > a > img{ float:left; width:100%; height:auto; }
.ptg-case-study-details{ float:left; width:100%; font-size:14px; text-align:center; }
.ptg-case-study-details strong{ font-weight:normal !important; }
.ptg-case-study-details ul{ list-style-type:none; -webkit-list-style-type:none; -moz-list-style-type:none; }
.ptg-case-study-details ul > li{ float:left; width:100%; margin:0px; }
.ptg-cs-item-button{ float:left; width:100%; padding:10px; background:#0b5997; color:#FFF !important; text-decoration:none !important; font-weight:bold; text-transform:uppercase; margin-top:10px; text-align:center; }
.ptg-cs-item-button:hover{ background:#3d84bd; }

/* Case Study Background */
.ptg-case-study-head{ float:left; width:100%; margin-bottom:40px; }
.ptg-case-study-head h1{ float:left; width:40%; line-height:60px; font-weight:normal; color:#333; }
.ptg-case-study-head h1 > span{ float:left; width:60px; height:60px; border-radius:100px; background:#0b5897; color:#FFF; font-size:44px; line-height:60px; margin-right:15px; }

.ptg-case-study-nav{ float:right; width:55%; position:relative; }
.ptg-case-study-nav-item{ z-index:2; float:right; width:75px; text-align:center; position:relative; }
.ptg-case-study-nav-item > a{ text-decoration:none !important; cursor:pointer; position:absolute; left:50%; margin-left:-22px; width:44px; height:44px; line-height:44px; font-size:22px; color:#FFF; background:#0b5897; border-radius:80px; border:2px solid #FFF; }
.ptg-case-study-nav-item > a:hover{ background-color:#327cb9; }
.ptg-case-study-nav-item.selected > a{ background-color:#333 !important; }
.ptg-case-study-nav-item > div{ float:left; width:100%; margin-top:50px; text-align:center; }
.ptg-case-study-nav-line{ position:relative; float:right; z-index:1; width:100px; margin:0px -22px; height:5px; background:#FFF; top:22px; }
.ptg-case-study-nav-home{ float:right; margin-left:25px; }
.ptg-case-study-nav-home a{ text-decoration:none !important; }
.ptg-case-study-nav-home span{ width:44px; height:44px; line-height:44px; font-size:44px; color:#0b5897; }

.ptg-case-study-body{ float:left; width:100%; border-top:1px solid #e0e0e0; border-color:#e0e0e0; padding-top:40px; }
.ptg-case-study-left{ float:left; width:30%; position:relative; }
.ptg-case-study-right{ float:right; width:67%; position:relative; }

.ptg-case-study-key-item{ float:left; width:100%; border:1px solid #e0e0e0; border-color:#e0e0e0; padding:10px; margin-bottom:15px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
 }
.ptg-case-study-key-item h3{ font-weight:normal; color:#444 !important; margin-bottom:0px; }
.ptg-case-study-key-item div{ font-size:13px; font-weight:bold; }

.ptg-case-study-info{ float:left; width:100%; border:1px solid #e0e0e0; border-color:#e0e0e0; padding:10px; margin-bottom:15px; background: #ffffff; }
.ptg-case-study-info > div{ }
.ptg-case-study-info > hr{ float:left; width:100%; margin:10px 0; }
.ptg-case-study-info > div > strong{ float:left; font-size:13px; width:50%; color:#222 !important; clear:both; }
.ptg-case-study-info > div > span{ font-size:13px; }

.ptg-case-study-video{ float:left; width:100%; position: relative; padding-bottom: 56.25%; overflow: hidden; background:#000; }
.ptg-case-study-video iframe, .ptg-case-study-video object, .ptg-case-study-video embed{ position:absolute; left:0; top:0; width:100%; height:100%; }
.ptg-case-study-video-row{ position:relative; float:left; width:100%; margin-top:20px; border:1px solid #e0e0e0; border-color:#e0e0e0; padding:10px; background: #ffffff; }
.ptg-case-study-video-row:hover{ background-color:#fbfbfb; cursor:pointer; }
.ptg-case-study-video-row > .dashicons{ float:left; width:44px; height:44px; border-radius:60px; line-height:44px; font-size:33px; background:#5faa45; color:#FFF; margin-right:25px; }
.ptg-case-study-video-row.selected{ border-color: #0b5897 !important; }
.ptg-case-study-video-row > h3{ margin-bottom:0px; }
.ptg-case-study-video-row > div{ font-size:13px; font-weight:bold; }

/* PTG CS Faults */
.ptg-case-study-scale{ float:left; width:100%; }
.ptg-case-study-numbers{ float:left; width:100%; }
.ptg-case-study-numbers > span{ float:left; width:5.263157%; text-align:center; }
.ptg-case-study-numbers-small > span{ float:left; width:9.090909%; text-align:center; }
.ptg-case-study-numbers > span.selected{ font-weight:bold; position:relative; margin-top:-13px; border:3px solid #0b5897; background:#FFF; color:#0b5897; }
.ptg-case-study-score-item-selected{ position:absolute; top:100%; left:50%; margin-left:-12px; width: 0; height: 0; border-style: solid; border-width: 10px 12px 10px 12px; border-color: #0b5897 transparent transparent transparent  !important; }
.ptg-case-study-score-item-selected-negative{ position:absolute; top:100%; left:50%; margin-left:-12px; width: 0; height: 0; border-style: solid; border-width: 10px 12px 10px 12px; border-color: #970b0b transparent transparent transparent  !important; }
.ptg-case-study-numbers > span.selected.negative{ color:#970b0b; border-color:#970b0b; }
.ptg-case-study-bar{ float:left; width:100%; height:5px; border-radius:5px; background: #a32020; background: -moz-linear-gradient(left,  #a32020 1%, #cecece 50%, #0d88e5 100%); background: -webkit-linear-gradient(left,  #a32020 1%,#cecece 50%,#0d88e5 100%); background: linear-gradient(to right,  #a32020 1%,#cecece 50%,#0d88e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a32020', endColorstr='#0d88e5',GradientType=1 ); }
.ptg-case-study-labels{ float:left; width:100%; }

.ptg-case-study-half{ float:left; width:49%; margin-right:2%; }
.ptg-case-study-half:nth-child(2n+1){ margin-right:0; }

.ptg-case-study-slider-left{ float:left; width:33.333333%; text-align:left; }
.ptg-case-study-slider-center{ float:left; width:33.333333%; text-align:center; }
.ptg-case-study-slider-right{ float:left; width:33.333333%; text-align:right; }

.ptg-case-study-faults{ float:left; width:100%; }
.ptg-case-study-faults-left{ float:left; font-size:13px; font-weight:bold; }
.ptg-case-study-faults-right{ float:right; width:75px; text-align:right; font-size:13px; }
.ptg-case-study-faults-head{ float:left; width:100%; background:#0b5897; color:#FFF; padding:5px 10px; }
.ptg-case-study-faults-row{ float:left; width:100%; background:#d4d4d4; padding:5px 10px; }
.ptg-case-study-faults-row:nth-child( even ){ background:#FFF; }

/* PTG CS Fix */
.ptg-case-study-fix-left{ position:absolute; left:0; top:0; width:65px; background:#c6edf7; }
.ptg-case-study-fix-right{ float:left; width:100%; padding-left:65px; }
.ptg-case-study-fix-item{ float:left; width:100%; text-align:center; color:#FFF; font-size:18px; padding:15px 0; }
.ptg-case-study-fix-item:hover{ cursor:pointer; background-color:#8fdbf0; }
.ptg-case-study-fix-item > span{ font-size:22px; margin-top:-5px; font-weight:bold; }
.ptg-case-study-fix-item-selected{ position:absolute; left:65px; top:27px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 8px; border-color: transparent transparent transparent #2ab7e2 !important; }
.ptg-case-study-fix-item-selected.two{ border-color: transparent transparent transparent #59cae9 !important; top:111px; }
.ptg-case-study-fix-one{ background-color:#2ab7e2; }
.ptg-case-study-fix-two{ background-color:#59c9e9; }
.ptg-case-study-fix-info-wrap{ float:left; width:100%; background:#FFF; padding:10px; border:1px solid #2ab7e2; border-color:#2ab7e2 !important; margin-bottom:10px; }
.ptg-case-study-fix-info{ float:left; width:100%; }

.ptg-case-study-none{ float:left; width:100%; margin:100px 0; text-align:center; font-size:18px; font-weight:bold; }

.ptg-case-study-numbers-mobile{ display:none; }

@media only screen and (max-width: 1350px) {
    .ptg-case-study-row{ width:49%; margin-right:2%; }
    .ptg-case-study-row:nth-child( 3n+3 ){ margin-right:2%; }
    .ptg-case-study-row:nth-child( 2n+2 ){ margin-right:0; }
    .ptg-case-study-row:nth-child( 3n+1 ){ clear:inherit; }
    .ptg-case-study-row:nth-child( 2n+1 ){ clear:both; }
}

@media only screen and (max-width: 1169px) {
    .ptg-case-study-filter-wrap{ width:35%; }
    .ptg-case-studies-list-wrap{ width:63%; }
}

@media only screen and (max-width: 889px) {
    .ptg-case-study-filter-wrap{ width:100%; }
    .ptg-case-study-filter{ float:left; width:49%; margin-right:2%; }
    .ptg-case-study-filter:nth-child( 2n+2 ){ margin-right:0; }
    .ptg-case-studies-list-wrap{ float:left; width:100%; border-top:1px solid #d1d6da; padding-top:20px; }
}


@media only screen and (max-width: 489px) {
    .ptg-case-study-filter{ float:left; width:100%; margin-right:0; }
    .ptg-case-study-row{ width:100%; margin-right:0; clear:both; }
}

@media only screen and (max-width: 989px) {
    .ptg-case-study-head h1{ width:100%; text-align:right; }
    .ptg-case-study-nav{ width:100%; }
    .ptg-case-study-nav-item, .ptg-case-study-nav-line{  }
    .ptg-case-study-left, .ptg-case-study-right, .ptg-case-study-half{ width:100%; margin-right:0; }
    .ptg-case-study-key-item{ width:32.333333%; margin-right:1.5%; }
    .ptg-case-study-key-item:nth-child( 3n+3 ){ margin-right:0; }
    .ptg-case-study-b-top{ border-top:1px solid #cacaca; border-top-color:#cacaca !important; padding-top:15px; margin-top:5px; }
}


@media only screen and (max-width: 499px) {
    .ptg-case-study-head h1{ padding-right:50px; }
    .ptg-case-study-nav{ margin-top:45px; }
    .ptg-case-study-nav-line{ display:none; }
    .ptg-case-study-nav-home{ position:absolute; top:-115px; right:0px; }
    .ptg-case-study-nav-item{ width:33.333333%; }
    .ptg-case-study-scale{ text-align:center; }
    .ptg-case-study-numbers-mobile{ display:inline-block; background:#333; color:#FFF; border-radius:400px; height:175px; width:175px; text-align:center; line-height:175px; }
    .ptg-case-study-numbers-mobile.negative{ background:#a32020; }
    .ptg-case-study-numbers-mobile.positive{ background:#0d88e5; }
    .ptg-case-study-numbers-mobile > span{ float:left; width:100%; text-align:center; font-size:32px; margin-top:-7px; }
    .ptg-case-study-numbers-mobile > div{ float:left; width:100%; text-align:center; font-size:14px; margin-top:-150px; }
    .ptg-case-study-numbers{ display:none; }
}