.clearfix {clear:both;}
.padding_0 {padding:0px;}
.heading {text-align:center;color:#d1442f;}
.case-title-bar { color: #d1442f; font-size: 12px;}
.case-title .case-title-bar::before { background-color: #c1a35f;}
.case-title-bar:before, .case-title-bar:after { width: 45px; height: 2px; display: inline-block; vertical-align: middle; content: ""; margin: 0 1%; background-color: #818181;}
.fa-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.heading-block {text-align:center;}
.page-template-casestudy .content-area {margin-top:40px;}
.iimage { padding: 0em 1.5em; margin-top: -3%;}
.item-img { position: relative; text-align: center; font-size: 0.8em;}
.item-img img { border-radius: 50%; height: 7em; margin-top: -30px;}
.iimage1 { padding: 0em 1.25em;}
.item-img1 img { border-radius: 50%; height: 6em; margin-top: 175%;}
.item-img1 span { display: block; clear: both; padding: 0.25em 0; margin: 0.5em 0; background: #3b4262;}
.item-img2 { padding: 0em 0.75em;}
.item-img2 img { border-radius: 50%; height: 7em; margin-top: -35em;}
.item-img2 span { display: block; clear: both; padding: 0.25em 0; margin: 0.5em 0; background: #3b4262;}
.item-img span { display: block; clear: both; padding: 0.25em 0; margin: 0.5em 0; background: #3b4262;}
.item-details { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.item-details { border-radius: 0.5em; padding: 1.5em; margin: 1em 0 0 0;}
.item-details h1 { color: #f94d4d; text-transform: uppercase; font-size: 24px;}
.item-details p { margin: 0; padding: 0; line-height: 150%; color:#bbbbbb; color:#333; text-align:justify;}
.item-details ul { list-style:none; padding-left:0px; margin-top:40px;}
.con-bullets { color: #f94d4d; padding-right: 8px;}
.item-details li{ margin: 18px 0 !important; color: #bbbbbb; color:#333; position: relative; padding-left:2.5rem;}
.item-details li span.fa{position: absolute;left:0px;top:0.2rem;}
.details::before { content: ''; width: 0; height: 100%; position: absolute; top: 0; left: -5.2em; z-index: -1;background-color: #bbbbbb;border: solid transparent; border-width: 14px; border-image: url(../images/border2.png) 20 repeat;}
.details-image {padding:2em 0;}
.pie-block {position: relative; margin-top: -110px; margin-left: -1em;}
.pie-sm-margin {margin-top:0px !important;}
.pie-lg-margin {margin-top: -80px;}
.pie-wrapper { height: 1em; width: 1em; margin-bottom: 15px; position: relative;font-size: 8em; }
.style-2 .label { background: none; color: #7f8c8d;}
.label { background: #34495e; border-radius: 50%; bottom: 0.4em; color: #ecf0f1; cursor: default; display: block; font-size: 0.25em; left: 0.4em; line-height: 2.6em; position: absolute; right: 0.4em; text-align: center; top: 0.4em;}
.pie { clip: rect(auto, auto, auto, auto);}
.pie { height: 100%; width: 100%; clip: rect(0, 1em, 1em, 0.5em); left: 0; position: absolute; /*top: 0;*/}
.left-side { -webkit-transform: rotate(270deg); transform: rotate(270deg);}
.half-circle { border-color: #91a600;}
.half-circle { height: 100%; width: 100%; border: 0.1em solid #3498db; border-radius: 50%; clip: rect(0, 0.5em, 1em, 0); left: 0; position: absolute; top: 0;}
.half-circle1 { height: 100%; width: 100%; border: 0.1em solid #3498db; border-radius: 50%; clip: rect(0, 1em, 1em, 0); left: 0; position: absolute; top: 0;}
.half-circle1 { border-color: #91a600;}
.lab-mar {left:0.2em !important;}
.half-circle2 { height: 100%; width: 100%; border: 0.1em solid #3498db; border-radius: 50%; clip: rect(0, 0.7em, 1em, 0); left: 0; position: absolute; top: 0;}
.half-circle2 { border-color: #91a600;}
.half-circle3 { height: 100%; width: 100%; border: 0.1em solid #3498db; border-radius: 50%; clip: rect(0, .35em, 1em, 0); left: 0; position: absolute; top: 0;}
.half-circle3 { border-color: #ef4040;}
.right-side { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.shadow { height: 100%; width: 100%; border: 0.1em solid #bdc3c7; border-radius: 50%;}
.sub-details {padding-right:0px;margin: 30px 0px;border-bottom:1px solid #bbbbbb;padding-bottom:40px;}
.sub-details h4{color: #f94d4d; text-transform: uppercase; font-size: 20px;}
.web-temp-img { width:100%; margin:30px 0px; padding-left: 0px; padding-right: 0px;}
.web-temp-img img { max-width:100%;display: block; margin: 0px auto;}
.red-button {color:#fff;background:#ce1720;border-radius:0px;float:right;}
.rating-stars i {font-size: 22px; padding: 5px; color: #e9444c;}
.rating-stars {margin-top:50px;}
@media only screen and (max-width: 767px) {
.sub-details { margin-top:0px;}
}
@media only screen and (max-width: 384px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.res-img {text-align:center;padding-bottom:20px;}
.item { padding: 0px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.item-details img {padding:30px 0px !important;}
.pie-block { margin-top:0px;}
.details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:center;}
}
@media only screen and (min-width: 385px) and (max-width: 420px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.item { padding: 0px;}
.res-img {text-align:center;padding-bottom:20px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.item-details img {padding:30px 0px !important;}
.pie-block { margin-top:0px;}
.details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:center;}
}
@media only screen and (min-width: 421px) and (max-width: 500px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.item { padding: 0px;}
.res-img {text-align:center;padding-bottom:20px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.item-details img {padding:30px 0px !important;}
.pie-block { margin-top:0px;}
.details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:center;}
}
@media only screen and (min-width: 471px) and (max-width: 500px) {}
@media only screen and (min-width: 501px) and (max-width: 550px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.item { padding: 0px;}
.item-details img {padding:30px 0px !important;}
.res-img {text-align:center;padding-bottom:20px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.pie-block { margin-top:0px;}
.details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:center;}
}
@media only screen and (min-width: 551px) and (max-width: 640px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.item { padding: 0px;}
.res-img {text-align:center;padding-bottom:20px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.item-details img {padding:30px 0px !important;}
.pie-block { margin-top:0px;}
.details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:center;}
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
.details::before { border: none !important;}
.content-area { margin-top: 0px;}
.item { padding: 0px;}
.res-img {text-align:center;padding-bottom:20px;}
.res-img img{height: 11em;}
.item-details h1 {text-align:center;}
.item-details img {padding:30px 0px !important;}
.pie-block { margin-top:0px;}
.item .details {padding:0px;}
.sub-details {padding: 0px 0px 10px 0px;border-bottom:none;}
.item-details { padding: 0px;}
.sub-details h4 {text-align:center;}
.red-button {float: left; margin-top: 20px;}
.rating-stars {text-align:left;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.item .details::before { top: 0; left: -5.1em;}
}
@media only screen and (max-width:767px){.item-details ul{margin-top: 10px;}
.item-details img{padding: 0px;}
.web-temp-img{margin: 0px;}
}