body{padding:0; font-family:'OpenSansRegular' !important; color:#000;}
.WhiteBkr{background:#fff; border:solid 1px transparent; padding:40px 0;}
.WhiteBkr .Inner h4{font-weight:bold; margin:20px 0; padding:0;}
.WhiteBkr .Inner .ActionPart, .GrayBkr .ActionPart{width:640px; max-width:100%; margin:0 auto; color:#00a651;}
.GrayBkr .ActionPart{margin-top:30px;}
.WhiteBkr .Inner .ActionPart h4 span, .GrayBkr .ActionPart h4 span{display:block; font-weight:normal; font-size:16px; font-style:italic;}
.WhiteBkr .Inner .ActionPart .btn, .GrayBkr .ActionPart .btn{font-size:21px; font-weight:bold; text-align:center; display:inline-block; padding:8px 25px; max-width:100%; width:auto;}
.WeCareBrand{width:190px; height:190px; display:inline-block; position:relative; z-index:1;}
.WeCareBrand img{width:100%; height:auto !important;}
a:focus, a:active{outline:none;}
.GrayBkr{background:#f5f5f5; position:relative; padding:40px 0;}
.GrayBkr:before, .GrayBkr:after{content:''; width:0; height:0; border-left:600px solid #f5f5f5; border-top:60px solid transparent; border-bottom:0px solid transparent; position:absolute; top:-60px; left:0;}
.GrayBkr:after{border-left-color:#fff; bottom:0px; top:auto;}
.GrayBkr .Inner{position:relative; z-index:1;}
h1{font-size:48px; line-height:1.2; margin:0;}
ul{margin:0; list-style:none; padding:0;}
.GrayBkr .Inner, .WhiteBkr .Inner{font-size:21px; line-height:30px; margin:0 auto; width:90%;}
.GrayBkr .Info{border-top:solid 4px #c2c2c2; padding:20px; margin:30px 0 10px; /*border-bottom:solid 4px #c2c2c2;*/}
.GrayBkr .Info .Points{margin:20px 0 20px 20%;}
.GrayBkr .Info .Points li{position:relative; padding-left:30px; margin-bottom:10px; text-align:left;}
.GrayBkr .Info .Points li:before{content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; top:0;}
.Benefits{margin:20px 0; text-align:left;}
.Benefits li{position:relative; padding-left:40px; margin-bottom:20px;}
.Benefits li:before{content:"\f058"; font-family:'FontAwesome'; position:absolute; left:0; top:2px; color:#00a651; font-size:28px;}
.ProcView{background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow:8px 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:8px 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:8px 0 1px rgba(0, 0, 0, 0.2); border:solid 1px #d0d0d0; position:relative; margin:15px 20px 25px 0px; padding:20px;}
.ProcView:before, .ProcView:after{content:''; border:solid 12px transparent; position:absolute; right:12%; bottom:100%; border-bottom-color:#d0d0d0;}
.ProcView:after{border-bottom-color:#fff; border-width:9px; margin-right:5px;}
.ProcView h3{margin:0; padding:0; font-size:16px; font-weight:bold;}
.ProcView ul{font-size:14px; line-height:normal;}
.ProcView ul li{margin:15px 0 0}
.ProcView ul li:before{font-family:'FontAwesome'; content:"\f061"; font-size:16px; left:15px; top:0;}
hr{border-color:#ccc;}

.h2{font-size:30px; font-weight:bold; margin:0;}
.ProfilePart{width:800px; max-width:100%; margin:15px auto;}
.ProfilePart h4{font-size:100%; font-weight:normal;}
.ProfilePart .Profile{width:45%; float:left; max-width:100%; text-align:center; position:relative;}
.ProfilePart .Thumbs{padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); width:350px; height:400px; overflow:hidden; max-width:100%; display:inline-block; transition:all 0.4s ease 0s; max-width:100%;}
.ProfilePart .Thumbs:hover{transform:scale(2); position:relative; z-index:2;}
.ProfilePart .Thumbs img{width:100%; height:auto;}
.ProfilePart .Single{max-width:100%; margin:0 auto;}
.ProfilePart .Single .ThumbView{padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); width:100%; transition:all 0.4s ease 0s; position:relative;}
.ProfilePart .Single .ThumbView:hover, .ProfilePart .Single.Hover{transform:scale(1.5); z-index:10;}
.ProfilePart .Single.Hover{transform:scale(1.5); z-index:10;}
.ProfilePart .Single .ThumbView .Heads{position:absolute; top:-70px; width:100%; display:none;}
.ProfilePart .Single .ThumbView:hover .Heads{display:block;}
.ProfilePart .Single .ThumbView .BtnPart{position:absolute; bottom:-135px; display:none; width:100%; left:0;}
.ProfilePart .Single .ThumbView:hover .BtnPart{display:block;}
.ProfilePart .Single .ThumbView img{width:100%; height:auto;}
.btn-success.Span{font-size:24px; font-weight:bold; padding:20px 70px; margin:40px 0 30px; line-height:1; display:inline-block; width:auto; max-width:100%;}

@media (min-width:768px){
.Inner.Span{width:70%;}
}

@media (max-width:1024px){
.GrayBkr:before, .GrayBkr:after{border-left-width:300px; border-top:30px solid transparent;}
.GrayBkr:before{top:-30px;}
.ProfilePart .Thumbs:hover{transform:scale(1.5);}
}
@media (max-width:767px){
.WeCareBrand{width:120px; height:120px; margin:-20px 0 -10px;}
.WhiteBkr .Inner .ActionPart .btn, .GrayBkr .ActionPart .btn{font-size:16px;}
.GrayBkr .Inner, .WhiteBkr .Inner{font-size:16px;}
.Benefits li{padding-left:30px;}
.Benefits li:before{font-size:22px;}
.GrayBkr .Info .Points li{padding-left:25px;}
.GrayBkr h1{font-size:18px !important;}
.ProcView{margin-right:0;}
.ProfilePart .Profile{width:100%;}
}
@media (max-width:480px){
.GrayBkr .Inner, .WhiteBkr .Inner{width:100%;}
.GrayBkr .Info .Points, .Benefits{margin-left:15%;}
}