
html{min-height: 100%; height:100%;}
body{margin:0 auto;padding:0;font-family: 'Montserrat', sans-serif;font-size:16px;font-weight:300;  height:100%; color:#444;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;line-height: 24px; }
.vm{vertical-align:middle;}
.clear{clear:both;}
.relative{position:relative;}
header,section,footer{display:block;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:normal;}
h1{font-size:24px;font-weight:600;color:#fff;}
h2{font-size:20px;font-weight:600;}
h3{font-size:18px;font-weight:600;}

h1.page-title{font-size:24px; font-weight: 600; color:#333;margin:0px;text-transform:uppercase;padding:15px 20px;}

p{line-height:25px;margin-bottom:20px;margin-top:0;font-weight:300;}
p:last-child{margin-bottom:0;}

.large-text{color: #00c5c5; font-weight: 800; font-size: 76px; line-height: 80px;  margin-bottom: 40px;}

.pull-left{float:left;}
.pull-right{float:right;}

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after, .clear { clear: both; }
.white-popup p a{color:#0192bc;font-weight:600;}

.p-t-n{padding-top: 0 !important;}
.m-t-xl{margin-top: 35px;}
.m-t-lg{margin-top:20px;}
.m-t-md{margin-top:15px;}
.m-t-sm{margin-top:10px;}
.m-t-xs{margin-top:5px;}
.m-t-n{margin-top:0;}
.m-r-lg{margin-right:20px;}
.m-r-md{margin-right:15px;}
.m-r-sm{margin-right:10px;}
.m-r-xs{margin-right:5px;}
.m-r-n{margin-right:0 !important;}
.m-l-xl{margin-left:35px;}
.m-l-lg{margin-left:20px;}
.m-l-md{margin-left:15px;}
.m-l-sm{margin-left:10px;}
.m-l-xs{margin-left:5px;}
.m-l-n{margin-left:0;}
.m-b-xl{margin-bottom: 35px;}
.m-b-lg{margin-bottom:20px;}
.m-b-md{margin-bottom:15px;}
.m-b-sm{margin-bottom:10px;}
.m-b-xs{margin-bottom:5px;}
.m-b-n{margin-bottom:0;}
.m-n{margin: 0 !important;}

.position-relative{position:relative;}

.nopadding{padding:0;}
.nomargin{margin:0;}

.img-responsive{max-width:100%; display:block;}

.text-center{text-align:center;}
.text-right{text-align:right;}
.text-lowercase{text-transform:lowercase;}
.text-uppercase{text-transform:uppercase;}
.text-large{font-size: 34px;}

.display-table{display:table; height:100%; width: 100%;}
.display-table-cell {display:table-cell; vertical-align:middle;}
.display-block{display:block !important;}
.display-inline-block{display:inline-block; vertical-align: middle;}
.vertical-middle{display: inline-block; vertical-align: middle;}


input[type="text"],  input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"]{
	padding:10px;color:#000;width:100%;font-size:16px;outline:none;font-family: 'Montserrat', sans-serif; background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0; box-sizing:border-box;}
textarea {padding:10px;color:#000;width:100%;font-size:16px;outline:none;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;box-sizing:border-box;font-family: 'Montserrat', sans-serif;}
select {padding:10px;color:#000;width:100%;font-size:16px;outline:none;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;background: #fff url(../images/arrow-select.png) no-repeat 95% center;background-color: #f5f5f5}
a {	color:#929496;text-decoration:none;	word-wrap:break-word;transition:color .5s;outline:0;border:0;cursor:pointer;}
a:hover{color:#000;}
img {text-decoration:none;outline:0;border:0;}

.main-container{height: 100vh;}
.layout-width{width:1200px;margin:0 auto;}
header{display:block; position: relative;}

.btn{font-size: 14px;line-height: 18px;padding: 15px 25px;font-weight:500;display: inline-block; text-transform: uppercase;}
.btn-primary{background-color: #1b1464;color: #fff;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-primary:hover{background-color: #130d54;color: #fff;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.btn-border-black{background-color: #fff; border:1px solid #000; font-weight:500; padding: 10px 20px; color: #000; text-transform: uppercase;display:inline-block;}
.btn-border-black:hover{background-color: #000; color:#fff;}

.btn-sky-blue{background-color: #2984bb;color: #fff;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 15px;font-size:16px;}
.btn-sky-blue:hover{background-color: #2072a3;color: #fff;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.body-overlay{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:11;opacity:0;visibility:hidden;-webkit-transition:all 0.5s;transition:all 0.5s;}

.form-group{display: block; margin-bottom: 25px;}
.form-group label{display: inline-block; vertical-align: middle; margin-right: 15px; font-weight: 300;}
.form-group .form-control{display: inline-block; vertical-align: middle;}
.inner-container-width .form-group .form-control{background-color: #f5f5f5; box-shadow: none;}
.inner-container-width select{max-width: 300px;}
.inner-container-width textarea{background-color: #f5f5f5;}


header{display: block;padding: 50px 0 17px 0; position: relative; }
header:after{content:''; position: absolute; left:0; bottom:0;background: url("../images/top-bdr.jpg") repeat-x center bottom; height: 3px; width: 100%;}
.logo{float: left; width: 40%;}
.top-nav{position: absolute; top: -40px; right:0;}
.top-nav ul{padding: 0; margin: 0;}
.top-nav li{list-style: none;font-weight:600; display: inline-block; vertical-align: top;text-transform: uppercase;padding: 0 5px;  font-size: 14px;}
.top-nav li a{color: #444;}
.top-nav li a:hover{color: #00c5c5;}
nav{float: right; width: 60%; margin-top: 25px;text-align:right;}
nav ul{padding: 0; margin: 0;}
nav li{list-style: none; font-weight:600; display: inline-block; vertical-align: top;text-transform: uppercase;padding: 0 5px; border-right:1px solid #4d4d4d;font-size:15px;}
nav li a{color: #444;}
nav li a.active{color:#00c5c5;}


nav li a:hover{color: #00c5c5;}
nav li:last-child{border-right:0;}
footer{margin: auto;display: block;clear: both;overflow: hidden;background: #5B5B5B;padding:30px 0; }
.logo-bottom{margin-bottom:20px;}
	.footer-left{float:left;}
	.footer-left{float:left;}
    .footer-right1{float:right;color:#fff;font-size:20px;width:125px}
	.footer-right{float:right;color:#fff;font-size:20px;width:125px}
    .footer-right ul{margin:0 auto;padding:0;}
        .footer-right li {display:block;padding-bottom:20px;display:inline-block;}


	.footer-right a{margin:0 5px;}
	.footer-links{float:right;color:#fff;}
	.footer-links a{font-weight:normal;text-decoration:none;display:block;font-size:18px;color: rgba(255, 255, 255, 0.7);line-height:25px;}
	.footer-links1{float:right;color:#fff;padding-right:50px}
	.footer-links1 a{font-weight:normal;text-decoration:none;color:#fff;display:block;font-size:18px;color: rgba(255, 255, 255, 0.7);line-height:25px;}
	.contact-link {font-weight:700;color:#fff;font-size:20px;}
	.contact-link a{font-weight:normal;text-decoration:none;color:#fff;display:block;font-size:18px;}
	.contact-link a:hover{text-decoration:underline;}

/*Homepage css start---------------------------------------------*/
.banner-home{display: block;}
.banner-home p{text-transform: uppercase; color: #fff; font-size: 50px; padding: 150px 100px;font-weight: 500; line-height: 50px;}
.welcome-home-sec{padding: 30px 0 45px 0;}
.welcome-home-sec h1{color: #2ABDC0;font-weight: 800;font-size: 34px;line-height: 40px;}
.welcome-home-sec p{font-weight:300;padding-top:10px;font-size:20px;}
.welcome-home-sec p:last-child{margin-bottom: 0;}
.welcome-home-sec h1 span{color: #000; text-transform: uppercase;font-weight: 800;font-size: 34px;line-height: 40px; margin-bottom: 05px;
display:block;margin:25px 0 15px 0;}
.welcome-home-sec h2{font-size: 41px;line-height: 50px;text-transform: uppercase; font-weight: 400;  display: block;padding-bottom:28px;}
.welcome-home-sec h2 span{font-weight: 800; color: #dd2a1b;}
.welcome-home-sec  .pink{color: #dd2a1b;font-weight:700;}


.vision-home-sec{padding: 30px 0 45px 0;}
.vision-home-sec p{font-weight:300;padding-top:10px;font-size:20px;}
.vision-home-sec p:last-child{margin-bottom: 0;}
.vision-home-sec h1{color: #2ABDC0;font-weight: 800;font-size: 34px;line-height: 40px;}
.vision-home-sec h1 span{color: #000; text-transform: uppercase;font-weight: 800;font-size: 34px;line-height: 40px; margin-bottom: 05px;
display:block;margin:0px 0 15px 0;}

.vision-home-sec h2{color: #000;font-weight: 500;font-size: 28px;line-height: 35px;margin:25px 0 25px 0;}

.redfonts{color:#dd2a1b;}
.gray-bg{background-color: #efeeec;}

.three-steps{display: block;padding: 50px 0;}
.three-steps h3{color: #000;font-weight: 500;font-size: 28px;line-height: 35px;text-transform:uppercase;margin:40px 0 20px 0;}
.three-steps p{font-size:20px;line-height:25px;}
/*.three-steps h2{font-size: 34px; margin-bottom: 40px; line-height: 40px; font-weight: 300;}*/
/*.three-steps h2 span{color: #444; font-weight: 300;}
.three-steps h2 strong{font-weight: 800;color: #2ABDC0;}*/
.three-steps h2{font-size: 41px;line-height: 50px; font-weight: 400;  display: block;padding-bottom:40px;text-transform:uppercase;}
.three-steps h2 span{font-weight: 800; color: #dd2a1b;}
.three-steps ul{padding: 0; margin: 0;}
.three-steps li{list-style: none; width: 30%;margin: 0 30px 0 0;float: left;min-height:275px}



.champlist{display: block;padding: 30px 0;}
.champlist h3{color: #000;font-weight: 500;font-size: 28px;line-height: 35px;text-transform:uppercase;margin:40px 0 20px 0;}
.champlist p{font-size:20px;line-height:25px;}
/*.three-steps h2{font-size: 34px; margin-bottom: 40px; line-height: 40px; font-weight: 300;}*/
/*.three-steps h2 span{color: #444; font-weight: 300;}
.three-steps h2 strong{font-weight: 800;color: #2ABDC0;}*/
.champlist h2{font-size: 30px;line-height:35px; font-weight: 700;  display: block;padding-bottom:45px;color:#dd2a1b;text-align:center;}
.champlist h2 span{font-weight: 800; color: #dd2a1b;}
.champlist ul{padding: 0; margin: 0;}
.champlist li{list-style: none; width: 22%;margin: 0 30px 0 0;float: left;text-align:center;}
.champlist li .number{font-size: 28px; font-weight: 800;display: inline-block;  margin-bottom:15px; line-height: 68px;color:#fff;width:70px;height:70px;border-radius:100%;text-align:center;-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);}

.champlist li .category{font-size: 20px; line-height: 22px;display: block; vertical-align: middle;}
.champlist li .category span{font-weight: 800; display: block;color:#828282;}
.champlist li .step-title{font-size: 24px; line-height: 22px;text-transform: uppercase;display: inline-block; vertical-align: middle;}
.champlist li .step-title span{font-weight: 800; display: block;}
.champlist li .step-description{margin: 15px 0px 30px 0; font-size:20px;}

.borderrights{border-right: 1px solid rgba(153,153,153,1);}
.three-steps li:nth-child(3n){border:0;}

.three-steps li:last-child { margin-right: 0;}
.three-steps li .number-icons{font-weight: 800; margin-bottom: 20px; font-size: 50px; line-height: 50px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
.three-steps li .step-title{font-size: 24px; line-height: 22px;text-transform: uppercase;display: inline-block; vertical-align: middle;}
.three-steps li .step-title span{font-weight: 800; display: block;}
.three-steps li .step-title .btns{border:2px solid #00c5c5; background-color: #fff; font-size:18px; text-transform: uppercase; font-weight:500; padding: 7px 15px; color: #000; text-transform: uppercase;display:inline-block;margin-left:20px;}
.three-steps li .step-title .btns:hover{background-color: #00c5c5; color:#fff;}




.three-steps li .red.step-title{color: #ED1C24; }
.three-steps li .yellow.step-title{color: #cc731b;}
.three-steps li .green.step-title{color: #96b554;}
.three-steps li .blue.step-title{color: #00ADEF;}
.three-steps li .step-description{margin: 30px 20px 30px 0; font-size:20px;}

.three-steps .ready-text{padding-top:30px;}

.three-steps .ready-text p{color: #2ABDC0; text-transform: uppercase; font-size: 34px;padding-bottom:10px;line-height:39px;}
.three-steps .ready-text span{font-weight: 400;}


story-change-sec

.story-change-sec .ready-text{padding-top:30px;}

.story-change-sec .ready-text p{color: #dd2a1b;  font-size: 28px;padding-bottom:20px;line-height:45px;font-family: 'Montserrat', sans-serif;text-transform:none !important;}
.story-change-sec .ready-text span{font-weight: 800;}

 .ready-text p{color: #ed1651; text-transform: uppercase; font-size: 34px;padding-bottom:10px;line-height:39px;}

 .ready-text p a{color: #fff; text-transform: uppercase; font-size: 40px;padding:10px 20px;line-height:39px;background-color:#00c5c5;border: 1px solid #00c5c5;} 
  .ready-text p a:hover{color: #000; background-color:#fff;border: 1px solid #00c5c5;} 
 .ready-text span{font-weight: 800;}

.four-circles{display: block; margin:80px 0;}
.four-circles ul{padding: 0; margin: 0;}
.four-circles li{list-style: none; width: 15%; margin: 0 60px; display:inline-block; vertical-align: top;
	 text-align: center;}
.four-circles li .number{width: 180px; height: 180px; border-radius:100%; color: #fff; 
	margin:0 auto 30px; font-size:50px; font-weight: 800; text-align: center; line-height:180px;}
.four-circles li .title{color: #000; font-weight: 800; text-transform: uppercase;}
.four-circles li .orange{background-color: #cd731b;}
.four-circles li .green{background-color: #96b655;}
.four-circles li .yellow{background-color: #efc703;}
.four-circles li .cyan{background-color: #029e9a;}
.map-wrapper {display: block; padding: 30px 0;}
.map-wrapper h2{font-weight: 800; color: #000;font-size: 34px; line-height: 40px;}
.ready-story-wrapper{padding:50px 0 30px 0; border-bottom:5px solid #00c5c5 }
.ready-story-wrapper .text-left {float: left; width: 70%; color: #000;font-size:70px; line-height:80px;margin-top: 30px;}
.ready-story-wrapper .text-left span{font-weight: 800; display: block;}
.arrow-pink-right{float: left;width: 20%;}
.join-world{display:block;padding:50px 0;}
.join-world h2{color: #000; font-weight: 400;font-size: 34px;line-height: 40px; margin-bottom: 40px; text-transform: uppercase;}
.join-world h2 span{font-weight: 800;}
.join-world ul{padding:0; margin:0;}
.join-world li{list-style: none; display: inline-block; vertical-align: top;margin: 0 10px;}
/*Homepage css end---------------------------------------------*/

/*Story of change 1 css end---------------------------------------------*/
.welcome-story-sec{display: block;padding: 50px 0;}
.welcome-story-sec h1{color: #000; font-size: 34px; line-height: 40px;margin-bottom: 20px;font-weight:800;}
.welcome-story-sec p{font-size:20px;font-style:normal;font-weight:300;line-height:25px;}
.get-started-story-sec{display: block;padding: 50px 0;}
.get-started-story-sec p{font-size:20px;line-height:25px;font-weight:300;}
.get-started-story-sec h2{color: #000; font-size: 34px; line-height: 40px;margin-bottom: 20px; font-weight:800;}
.story-change-sec{display: block; padding: 30px 0 0 0;}
.story-change-sec p{font-weight:300;padding-bottom:20px;font-size:20px;}
.story-change-sec h2 {font-size: 28px; color: rgb(124, 122, 122); font-weight: 800;margin: 30px 0;font-weight:800; line-height:32px;}

.filter-by-control{display: block; margin-bottom: 15px;width: 35%;}
.filter-by-control label {display: inline-block; vertical-align: middle; margin-right: 20px;font-weight:400;}
.filter-by-control .form-control {display: inline-block; vertical-align: middle; max-width: 250px;}
.filter-by-sec{display:block; margin:0 0 30px 0;}
#div_filtered_stories{padding-bottom:30px}
.filter-by-sec ul{padding:0; margin:0;}
.filter-by-sec li{list-style:none; float: left; margin: 0 25px 30px 0;}
.filter-by-sec li img{display:block;}
.filter-by-sec li:first-child{margin-left:0;}
.filter-by-sec li:last-child{margin-right:0;}


.filter-btn{background-color: #00a3d3; color: #fff; text-transform: uppercase; padding: 5px 35px; display:inline-block;}
.filter-btn:hover{background-color: #0192bc;color:#fff;}


.filterclear-btn{background-color: rgb(88, 88, 88); color: #fff; text-transform: uppercase; padding: 10px 30px; display:inline-block;font-size:20px;font-weight:500;}
.filterclear-btn:hover{background-color: rgb(124, 122, 122);color:#fff;}

.story-list-sec{display:block;}
.story-list-sec h2{color:#000; font-weight:800; margin-bottom: 20px; font-size:20px;text-transform:uppercase;}
.story-list-sec ul{padding:0; margin:0;}

.story-list-sec li{list-style: none; width: 30.5%; margin: 0 40px 40px 0px;-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,1); float: left;  position: relative; padding-bottom: 40px; background-color: #fff;min-height: 445px;}




.story-list-sec li:nth-child(3n){margin-right:0;}




.scaled-list-sec{display:block;}
.scaled-list-sec h2{color:#000; font-weight:800; margin: 0; font-size:20px;text-transform:uppercase;padding-bottom:30px;}
.scaled-list-sec ul{padding:0; margin:0;}

.scaled-list-sec li{list-style: none; width: 22.5%; margin: 0 40px 40px 0px;-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);box-shadow: 5px 5px 5px 0px rgba(153,153,153,1); float: left;  position: relative; padding-bottom: 40px; background-color: #fff;height:450px;}


.scaled-list-sec li:nth-child(4n){margin-right:0;}




.scaled-list1-sec{display:block;}
.scaled-list1-sec h2{color:#000; font-weight:800; margin: 0; font-size:20px;text-transform:uppercase;padding-bottom:30px;}
.scaled-list1-sec ul{padding:0; margin:0;}

.scaled-list1-sec li{list-style: none; width: 22.5%; margin: 0 40px 40px 0px;-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);box-shadow: 5px 5px 5px 0px rgba(153,153,153,1); float: left;  position: relative; padding-bottom: 40px; background-color: #fff;height:400px;}


.scaled-list1-sec li:nth-child(4n){margin-right:0;}











.story-list-sec li:nth-child(3n){margin-right:0;}





.story-change-sec li .thumbnail{display: block; position: relative;}
.story-change-sec li .profileimagewrap{display: block;position: relative;text-align:center;width:100%;margin-top:20px;}
.story-change-sec li .progilethumbnail{display: block;position: relative;margin: 0 auto 15px;width: 190px;height: 180px;border-radius: 10%;overflow: hidden;background-color: #fff;padding:0 10px}


.story-change-sec li .thumbnail .badge{position: absolute;right:0; top:0;}
.story-change-sec li .thumbnail .badge img{display: block;max-width:75px;}
.story-change-sec li .thumbnail .flag{position: absolute;right:00px; top:80px;}
.story-change-sec li .thumbnail .flag img{max-width:75px;} 
.story-list-sec li .status{color: #fff; font-weight: 800; text-transform: uppercase; text-align: center; padding: 5px 0;}
.story-list-sec li .blue{background-color: #00c5c5;}
.story-list-sec li .red{background-color: #dd2a1b;}
.story-list-sec li.disabled{opacity: 0.5; cursor: default;}

.story-list-sec li.addstory{background-color:#d9dada;border: 2px solid #fff;min-height: 440px;}
.story-list-sec li.addstory h3{color:#000;font-weight:800; margin-bottom: 15px;font-size:20px; text-transform:uppercase;padding: 15px;}
.story-list-sec li.addstory .plus{display: block;position:relative;margin:110px;}


.similar-story-list-sec{display:block;}
.similar-story-list-sec h2{color:#000; font-weight:800; margin-bottom: 20px; font-size:20px;text-transform:uppercase;}
.similar-story-list-sec ul{padding:0; margin:0;}
.similar-story-list-sec li{list-style: none; width: 30%; margin: 0 20px 40px 00px;-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,1); float: left; min-height: 390px;}

.similar-story-change-sec{display: block; padding-bottom: 00px;}
.similar-story-change-sec li .thumbnail{display: block; position: relative;}
.similar-story-change-sec li .thumbnail .badge{position: absolute;right:0; top:0;}
.similar-story-change-sec li .thumbnail .badge img{display: block;}
.similar-story-change-sec li .thumbnail .flag{position: absolute;right:00px; top:95px;}


.similar-story-change-sec li .details{display: block; background-color: #fff;padding: 15px; min-height: 210px; position:relative;}
.similar-story-change-sec li .details h3{color:#000;font-weight:800; margin-bottom: 15px;font-size:20px; text-transform:uppercase;}
.similar-story-change-sec li .details p{margin-bottom: 25px;font-weight:300;}
.similar-story-change-sec li .details a{color: #1f77b4;text-transform:uppercase;}
.similar-story-change-sec li .details a:hover{color:#000;}
.similar-story-change-sec li .details .text-link{position: absolute; left:15px; bottom: 15px;}






.story-change-sec li .details{display: block; background-color: #fff;padding: 15px;height:125px;margin-bottom:25px;}
.story-change-sec li .details h1{color:#000;font-weight:800; margin-bottom: 20px;font-size:22px; text-transform:uppercase;}
.story-change-sec li .details h2{color:#000;font-weight:800; font-size:16px; line-height:23px; text-transform:uppercase;display:block;}
.story-change-sec li .details h2 span{font-weight:300;font-size:16px;line-height:20px;text-transform:none;display:block;}
.story-change-sec li .details  p{margin-bottom: 25px;font-weight: 300;font-size: 16px;}
.story-change-sec li .details .heightparegra{height: 75px;overflow: hidden;}

.story-change-sec li .details a{color: #1f77b4;text-transform:uppercase;}
.story-change-sec li .details a:hover{color:#fff;background-color:#0192bc;}
.story-change-sec li .details .text-link{font-weight:400;background-color:#00a3d3;color:#fff;padding:2px 10px;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;position: absolute;
bottom: 0;left: 0; }
.story-change-sec li .headingtext{color:#000;font-weight:800; font-size:22px; text-transform:uppercase;padding:15px;}
.story-change-sec li .text-link{font-weight:400;background-color:#00a3d3;color:#fff;padding:2px 10px;border:0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;position: absolute;
bottom: 0;left: 0; }

.story-change-sec li .details .icon-delete{position: absolute; right: 5px; bottom: 5px;}

.highlight-btn{border: 2px solid #ffc600; padding: 5px 50px 5px 10px; color: #000; font-weight: 800; display: inline-block; position: relative;}
.highlight-btn .icon{position: absolute; right:0; top:0;}
/*Story of change 1 css end---------------------------------------------*/

/*Wisdom elder css start---------------------------------------------*/
.wisdom-elder-page .header{display:block; padding: 0px 0 0 0; position: relative;}
.wisdom-elder-page .wisdom-left{float: left; width: 40%; }
/*.wisdom-elder-page .wisdom-left img{}*/
.wisdom-elder-page .wisdom-right{/*position:absolute;right:0;bottom:0;*/ width: 48%; padding:25px 15px; color: #fff;float:right;height:100px;}

.wisdom-elder-page .wisdom-right .heading-icon{float:left; /*margin-bottom: 15px;*/;width:40%;padding-top:15px;}
.wisdom-elder-page .wisdom-right .heading-icon img{width:200px;}
.wisdom-elder-page .wisdom-right .heading-listing{float:right; /*margin-bottom: 15px;*/;width:58%;display:block;}
.wisdom-elder-page .wisdom-right  .heading-listing ul{padding:0; margin:0;}
.wisdom-elder-page .wisdom-right .heading-listing li{list-style: none; display: block; position: relative; padding: 0 0 15px 15px;}
.wisdom-elder-page .wisdom-right .heading-listing li:before{position: absolute; left:0; top: 0;  height: 21px; width: 20px; content:'';}
.wisdom-elder-page .header h1{float: left; color:#000;font-weight:800; margin-bottom: 15px;margin-top:25px;font-size:25px; line-height: 30px;}
.wisdom-elder-page .header h1 span{font-size: 18px; display: block;line-height:25px;font-weight:500;}

.white-box{background-color: #fff;-webkit-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);
	-moz-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);
	box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35); margin-bottom: 50px;}

.poplistwrapper .white-box{background-color: #fff;-webkit-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);
	-moz-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);
	box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35); margin-bottom: 50px;padding:35px;}

.whitboxpadder {padding: 20px;}

.sub-headers_insidepage{display: inline-block;margin-bottom: 35px;width: 35%;}
.sub-headers_insidepage .number{font-size: 80px;font-weight: 800;float: left;margin-right: 10px;line-height: 48px;}
.sub-headers_insidepage .subtitle{color: #000;font-weight: 400;font-size: 28px;text-transform: uppercase;display: block;line-height: 28px;}

.sub-headers_insidepage .title{color: #000;font-weight: 800;font-size: 28px;text-transform: uppercase;display: block;line-height: 28px;}

.scalledview{display:block;}
.scalledview h1{color:#000;font-weight:800; margin-bottom: 35px;font-size:22px; text-transform:uppercase;}
.scalledview h2{color:#000;font-weight:800; margin-bottom: 15px;font-size:22px; display:block;}
.scalledview h2 span{color:#000;font-weight:400; font-size:16px;display:block;}

.sub-headers { margin-bottom:25px;}
.borderright{border-right: 5px solid #444;}
.sub-headers .number{font-size: 28px; font-weight: 800;float: left;  margin-right:15px; line-height: 50px;color:#fff;width:50px;height:50px;border-radius:100%;text-align:center;}











.sub-headers .number.red{color: #ed1c24;}
.sub-headers .number.green{color: #7eb95d;}
.sub-headers .number.yellow{color: #febf10;}
.sub-headers .number.blue{color: #0092ca;}
.sub-headers .title{color:#000; font-weight:800; font-size:28px; text-transform: uppercase; display:block;line-height:28px;}
.sub-headers .subtitle{color:#828282; font-weight:700; font-size:23px;  display:block; line-height:28px;padding:10px 0}

.sub-headers-right{display:inline-block; width:53%;text-align:right;margin-bottom:32px;}
.sub-headers-right p{font-size:28px;line-height:35px;font-weight:400;}


.banner-wisdom {display:inline-block;position:relative;width:50%;}
.banner-wisdome-content {float:left;position:relative;width:47.5%;padding-right:25px;}
.banner-wisdom .iconplay{position:absolute;top:50%;right:50%;margin-top:-37px;margin-right:-37px;}
.banner-wisdom img{display:block;}
.inner-container-width{max-width:1100px; width:100%; margin: 0 auto;}

.notesinwhitebox{display:block;width:100%;background-color:#e2e2e2;padding:10px 0}
.notesinwhitebox h1{padding-left:35px;color: #000;font-weight: 700;font-size: 20px;}
.easy-way-sec{display:block; margin-bottom: 50px;margin-top:50px;}
.easy-way-sec h3{color:#000; font-weight:800; font-size:20px;margin-bottom:20px;}
.easy-way-sec ul{padding:0; margin:0;}
.easy-way-sec li{list-style: none; width: 29.8%; margin: 0px 55px 20px 00px; float: left;}
.easy-way-sec li:nth-child(3n) {margin-right: 0;}
.easy-way-sec li h4{color: #000; font-weight:800; font-size:20px;min-height:50px;}
.easy-way-sec li .number{font-size: 80px; font-weight: 800;float: left;  margin-right:10px; line-height: 48px;}
.easy-way-sec li p{color: #000; font-weight:300; font-size:20px; margin:0 auto;line-height:25px;padding-bottom:10px}
.easy-way-sec .thumbnail{display: block; margin-bottom: 20px;}
.easy-way-sec .details{display: block;min-height:250px; padding-top:10px;}
.notes-wrapper{background-color: #fff9ae; padding:25px; font-weight:500; margin-bottom: 30px;}
.btn-green{background-color: #7eb95d;color: #fff; font-weight:800;font-size:24px; border:1px solid #000; padding:20px 40px; display: inline-block;}
.btn-green:hover{background-color: #6ca74b;color: #fff;}
.bottom-wisdom{display: block;margin-bottom: 30px;}
.bottom-wisdom p{color: #00c5c5; font-weight: 800; font-size:76px; line-height: 80px; margin-bottom: 40px;}



.btn-outline-sky{border:1px solid #00c5c5; text-transform: uppercase; font-weight:500; padding: 10px 20px; color: #000; text-transform: uppercase;display:inline-block;background:#fff;font-size:19px;}
.btn-outline-sky:hover{background-color: #00c5c5; color:#fff;}



.btnbig-outline-sky{ text-transform: uppercase; font-weight:500; padding: 5px 40px; color: #fff; text-transform: uppercase;display:inline-block;background:#00c5c5;font-size:18px;}
.btnbig-outline-sky:hover{background-color: #00c5c5; color:#fff;}


.submitbtn-outline-sky{ text-transform: uppercase; font-weight:500; padding: 10px 20px; color: #fff; text-transform: uppercase;display:inline-block;background:#2984bb;font-size:19px;}
.submitbtn-outline-sky:hover{background-color: #2072a3; color:#fff;}


.btn-sky{border:1px solid #00c5c5; background-color: #00c5c5; text-transform: uppercase; font-weight:500; padding: 10px 20px; color: #fff; text-transform: uppercase;display:inline-block;}
.btn-sky:hover{background-color: #fff; border:1px solid #00c5c5; color:#000;}
.btn-white{border:2px solid #00c5c5; background-color: #fff; text-transform: uppercase; font-weight:500; padding: 7px 20px; color: #000; text-transform: uppercase;display:inline-block;}
.btn-white:hover{background-color: #00c5c5; color:#fff;}
.dividers{background:#00c5c5; height:1px; width:100%; margin: 50px 0 0 0;}
/*Wisdom elder css end---------------------------------------------*/

/*Login css start---------------------------------------------*/
.login-bg {background: #efeeec url('../images/login-bg.jpg') no-repeat top center; background-size: cover; padding: 50px 0 50px 0 ; height: 100%;}

.login-wrapper {/*background-color: #fff; padding: 30px; border-radius: 5px; margin: 0 auto;-webkit-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);
	-moz-box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);	box-shadow: -1px 1px 10px 2px rgba(51,51,51,0.35);*/ font-weight: 500; max-width: 650px;width:100%; margin: 0 auto;}

.login-wrapper .signup-text h1{font-weight:500;font-size:24px;font-weight:700;color:#000;}
.login-wrapper .signup-text h2{text-transform:uppercase;font-size:18px;}
.login-wrapper span{text-align:center;}

.form-border{background: url('../images/certificate-bg.jpg') no-repeat top center; padding: 20px; margin-bottom: 50px;}
  .form-border .white-box{background-color: #fff; padding: 50px; box-shadow: none; margin-bottom: 0;}


.login-logo{text-align: center; margin-bottom: 30px;}
.signup-text{text-align: center; margin-bottom: 20px;}
.fb-btn{border-radius: 20px; padding: 10px 20px; color: #fff; text-align: center; display: block; background-color: #274687;}
.fb-btn a{color: #fff;}
.fb-btn a:hover{display: block;}
.gplus-btn{margin:50px 0; border-radius: 20px; padding: 10px 20px; color: #000; text-align: center; display: block; border:1px solid #000;}
.gplus-btn a{color: #000;}
.gplus-btn a:hover{display: block;}
.signup-email{text-align: center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding: 10px 20px; color: #000;}
.signup-email a{color:#72b74e;}
.signup-email a:hover{color:#000;}
.already-login{text-align: center; padding: 15px 20px 0 20px; color: #000;}
.already-login a{color:#72b74e;}
.already-login a:hover{color:#000;}
.login-wrapper  .form-control{background-color: #f5f5f5;}
/*Login css end---------------------------------------------*/


/*Implement change step 3 css start---------------------------------------------*/
img {max-width: 100%;height: auto;}
.banner-bg{display:block; margin-bottom: 50px;}
.profile-pic-banner{display:block; text-align: center; position: relative; display: table; height: 100%; width: 100%;}
.profile-pic-banner .thumbnail{display:block; position: relative; margin:0 auto 15px; width:200px; height: 180px; border-radius: 10%; overflow: hidden; background-color: #fff;padding:0 20px;}
.profile-pic-banner .thumbnail img{overflow: hidden;}
.profile-pic-banner .thumbnail .icon-camera{position: absolute; bottom: 38px; right: -3px; background-color: #fff; line-height:40px; text-align: center; border: 2px solid #fff; width: 32px; height: 32px; border-radius: 100%;}
.profile-pic-banner .name{color: #fff; font-weight: 800; font-size: 30px;}
.implement-change-page .header{display:block;}
.implement-change-page .header h1{float: left; color:#000;font-weight:800; margin-bottom: 30px;font-size:34px; line-height: 30px;}
.implement-change-page .header span{color: #000; font-weight: 800; display: block; font-size: 18px;}
.implement-change-page .header .heading-icon{float:right;}

.steps-wrapper{display: block; margin: 35px 0;}
.steps-wrapper .total-percent{display:inline-block; vertical-align: middle; width: 150px;margin-right: 50px;}
.steps-wrapper .steps-main{display:inline-block; vertical-align: middle;margin: 15px 0 30px 0;}
.steps-wrapper .steps-main ul{padding: 0; margin: 0;}
.steps-wrapper .steps-main li{list-style: none; display:inline-block; vertical-align: middle; text-align: center; width: 55px; height: 55px; border-radius: 100%; border:2px solid #222; background-color: #bcbdc0;
line-height: 55px; color: #fff; font-weight: 800; font-size: 30px; position: relative; margin-right: 50px;}
.steps-wrapper .steps-main li.active{color: #fff; font-size: 40px; line-height:85px; text-align: center; width: 85px; height: 85px; border-radius: 100%; border:2px solid #222; background-color: #7eb95d;}
.steps-wrapper .steps-main li.active:after{left: 85px;}
.steps-wrapper .steps-main li:after{content: '';position: absolute; top: 50%;left: 56px;background-color: #222; height: 2px; width: 56px; margin-top: -1px;}
.steps-wrapper .steps-main li:last-child:after{background-color: transparent; }

.your-story-wrapper{display:block; margin-bottom: 50px;}

.your-story-wrapper h1{color: #000;font-weight: 800;margin-bottom: 15px;font-size: 34px;line-height: 38px;}
.your-story-wrapper h1 span{font-size: 20px;display: block;line-height: 25px;font-weight: 300;}

.your-story-wrapper ul{padding:0; margin:0;}
.your-story-wrapper li{list-style: none; background-color: #d8d9d9; padding: 10px; display: inline-block; vertical-align: top;
margin: 0 10px 0 0; text-transform: uppercase; min-width: 150px;}
.your-story-wrapper li span{margin-top: 20px; display: block;}
.your-story-wrapper li a{color: #444;}
.your-story-wrapper li.active{background-color: #00c5c5;}
.your-story-wrapper li.active a{color: #fff;}
.your-story-wrapper li .icon-plus{font-size: 50px;}
.your-story-wrapper li .red{color: #d62728;}

.input-container {
	max-width: 700px;
	background-color: #EDEDED;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
  }
  /*input[type='file'] {
	display: none;
  }*/
  .file-info {
	font-size: 0.9em;
  }
  .browse-btn {
	background: #03A595;
	color: #fff;
	min-height: 35px;
	padding: 10px;
	border: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
  }
  .browse-btn:hover {
	background: #4ec0b4;
  }
  @media (max-width: 300px) {
	button {
	  width: 100%;
	  border-top-right-radius: 5px;
	  border-bottom-left-radius: 0;
	}
	
	.file-info {
	  display: block;
	  margin: 10px 5px;
	}
  }

  .number-wrapper{float: left; width: 70%;}
  .number-wrapper .four-circles{margin-top:0; margin-bottom: 40px;} 
  .number-wrapper .four-circles li{margin: 0 25px; width: 27%;}
  .number-wrapper .four-circles li .number{width: 130px; height: 130px; line-height: 130px;  font-size: 38px;}
  .share-story{float: right; width: 25%; margin-top: 100px; text-align: right;margin-top: 110px;}
  .share-story h3{color: #000; font-weight: 800;}
  /*Implement change step 3 css end---------------------------------------------*/


  /*pop up class*/


  .popup-list{display:block; margin-bottom: 50px;}
.popup-list h2{color: #000;font-size: 34px;line-height: 40px;margin-bottom: 20px;font-weight: 800;}
.popup-list h3{color:#000; font-weight:800; font-size:20px;margin-bottom:20px;}
.popup-list ul{padding:0; margin:0;}
.popup-list li{list-style: none; width: 31%; margin: 0px 25px 20px 0px; float: left;}
.popup-list li:last-child{margin-right:0;}
.popup-list li h4{color: #000; font-weight:800; font-size:25px;line-height:30px; margin-bottom:20px;min-height:50px;padding-top:25px;}

.popup-list li p{color: #000; font-weight:300; font-size:18px; margin:0 auto;line-height:25px;padding-bottom:10px}
.popup-list .thumbnail{display: block; margin-bottom: 20px;}
.popup-list .details{display: block;min-height:250px; }

  .white-popup-block { background: #fff; margin: 40px auto; max-width: 800px; padding: 20px; position: relative; text-align: left;}

  .center{text-align:center;}

  .home-banner-slider{display: block;margin:0 auto;}
  	ul.home-banner-slider.owl-carousel .owl-nav .owl-prev {background:url(../images/prev-arrow.png) no-repeat; width: 30px; height:58px; position:absolute; left:5px; top:44%; margin-top:10px;}
		ul.home-banner-slider.owl-carousel .owl-nav .owl-next {background:url(../images/next-arrow.png) no-repeat; width: 30px; height:58px; position:absolute; right:0px; top:44%; margin-top:10px;}
        ul.home-banner-slider li{list-style: none; display: block;height:340px;background-size:100%;}

        ul.home-banner-slider li .details {padding:100px 100px;color:#fff;max-width:600px; position:absolute; bottom: 0; left:0;}
	
		ul.home-banner-slider li .globallogo {padding:40px 100px;color:#fff; position:absolute; top: 45px !important; right:0;}


		ul.home-banner-slider li .details h1{font-weight: 300; font-size: 35px;display:inline-block}
		ul.home-banner-slider li .details h1 span{font-weight: 500; font-size:30px;display:inline-block}
		ul.home-banner-slider li .details h1 strong{font-weight: 700; font-size:40px;display:inline-block; line-height:52px;}
		
		
		ul.home-banner-slider li .details h2{font-weight: 300; font-size: 35px;display:inline-block;line-height:40px;}
		ul.home-banner-slider li .details h2 span{font-weight: 700; font-size:40px;display:inline-block}
		
	  
		
		
		 ul.home-banner-slider li .details img {max-width: 100%;height: auto;}
		ul.home-banner-slider li .details1 {padding:40px 100px;color:#fff;max-width:600px; position:absolute; top: 45px !important; left:0;}
        ul.home-banner-slider li .quote {padding:40px 100px;color:#fff;max-width:575px; position:absolute; top: 375px !important; left:0;}
         ul.home-banner-slider li .quote h2{font-weight: 300; font-size: 25px;display:inline-block;line-height:30px;font-style:italic;display:block;}
          ul.home-banner-slider li .quote h2 span{font-weight: 500; font-size: 18px;display:block;line-height:23px;padding-top:10px;}

.containerinner{width:1000px;padding-left:100px;padding-right:100px;}
.upload-btn-wrapper {
  position: relative;
  width:97%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  background-color: #f5f5f5;
  padding:10px;

}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
    font-size: 16px;
  font-weight: 400;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}	

.dashboard-story-sec{display: block;padding: 00px 0 50px 0;}
.dashboard-story-sec p{font-size:20px;line-height:25px;font-weight:300;}
.dashboard-story-sec h2{color: #000; font-size: 34px; line-height: 40px;margin-bottom: 20px; font-weight:800;}	
.green{color: #95d03e;}

.green_certi{color: #95A827 !important;}

.blue{color:#4790c8}
.orange{color:#FFA500;}
.labelpreview{color:#000;font-weight:500;font-size:20px;}
.labelred{color:#dd2a1b;font-weight:500;font-size:20px;}



.story-grid {
    display: block;
    margin-top: 30px;
}
.story-grid h1{font-size:25px;font-weight:500;color:#000;padding-bottom:25px;}

    .story-grid ul {
        margin: 0;
        padding: 0;
    }

    .story-grid li {
        display: inline-block;
        list-style: none;
        margin: 0 10px 30px 0;
        vertical-align: top;
        width: 23.9%;
        position: relative;
        height: 170px;
    }

        .story-grid li img {
            width: 100%;
        }

        .story-grid li .thumbnail {
            background: #000;
            border-radius: 10px;
            padding: 0;
            margin-bottom: 10px;
            height: 172px;
            overflow: hidden;
            vertical-align: central;
        }

        .story-grid li .details p {
            margin: 0;
            padding: 5px 0 5px 0;
            font-size: 14px;
            word-wrap: break-word;
            border-bottom: 1px solid #ddd;
        }

            .story-grid li .details p a {
                color: #009fbf;
            }

                .story-grid li .details p a:hover {
                    color: #000;
                }

        .story-grid li:nth-child(4n) {
            margin: 0;
        }
        .story-grid li .overlay{
            display: none;
        }
        .story-grid li:hover .overlay{
            background-color: rgba(0,0,0,0.5);
            height: 100%;
            position: absolute;
            top:0;
            left:0;
            display: block;
            width: 100%;
            text-align: center;
        }
        .story-grid li:hover .overlay img{
            width: auto;
        }
        .story-grid li:hover .overlay a{
            display: inline-block;
            margin: 0 5px;
        }

        .previewvideo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 70%;
    margin-bottom:30px;
}
        .previewvideo h1{font-size:25px;font-weight:500;color:#000;padding-bottom:25px;}

    .previewvideo iframe {
        position: absolute;
        top: 50px;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

   .btn_submit_preview {margin:30px 0;float:left;width:40%;text-align:left;}
   .btn_submit_preview1 {margin:30px 0;float:left;width:45%;text-align:right;}
   .fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 12px 25px;
  font-size: 20px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
.progress{
height: 8px !important;
}
.progress-bar{
    background-image: none;
    box-shadow: none;
}
    /*Certificate css start---------------------------------------------*/
  .certificate-wrapper{background: url('../images/certificate-bg.jpg') no-repeat top center; padding: 20px; margin-bottom: 50px;}
  .certificate-wrapper .white-box{background-color: #fff; padding: 50px; box-shadow: none; margin-bottom: 0;}
  
  .certilogowrapper{display:block;margin:0 auto;}
  .certilogowrapper .main-logo{margin-bottom: 40px;float:left;}
    .certilogowrapper .org-logo{margin-bottom: 40px;float:right;}

  .congrats-wrapper_scaled{display: block;width:40%;height:290px;}

  .congrats-wrapper_scaled h1{color: #000; font-weight: 800; font-size: 28px; margin-bottom: 25px; display: block;line-height:30px;}

  .congrats-wrapper_scaled h1 span{font-size: 22px; font-weight: 300; color: #000; display: block;}
    
   .congrats-wrapper_scaled p{color: #000; font-weight: 500; font-size: 28px; margin-bottom: 35px;line-height:33px;}

  .congrats-wrapper{display:block;text-align:center;}

  .congrats-wrapper .large-text{color: #000; font-weight: 800; font-size: 40px; margin: 5px 0; display: block;}
   .congrats-wrapper .descsection{margin-bottom:35px;}
  .congrats-wrapper p{color: #000; font-weight: 300; font-size: 30px; line-height:15px;}
   .congrats-wrapper p strong{font-weight: 500; }

   
  .impact-wrapper{display:block;text-align:center;background-color:#f7f4e5;display:block;width:100%;padding-bottom:50px;}

    .certificate-bottom-text{margin: 75px auto; text-align: center; max-width: 825px; position: relative;}
  .certificate-bottom-text p{font-size:22px;max-width:775px;padding:0 80px;word-wrap: break-word;} 
  .certificate-bottom-text small{ margin-bottom: 20px;display: block;font-weight:500;font-size:22px;}
  .certificate-bottom-text:before{content:''; position: absolute; left: 0px; top: 50px;background: url('../images/comma-left.png') no-repeat top center; width: 50px; height: 36px;}
  .certificate-bottom-text:after{content:''; position: absolute; right: 0px; top: 50px;background: url('../images/comma-right.png') no-repeat top center; width: 50px; height: 36px;}

  .counter-section-certificate{background: url('../images/certi-map.png') no-repeat center 125px; width: 820px; height: 550px; color: #000; 
	text-align: center; font-size: 14px; line-height: 16px; font-weight: 500;display: block;margin: 50px auto;}
  .counter-section-certificate .impactwraps{display:block;margin:0 auto;text-align:center;}

  .counter-section-certificate .impactwraps  ul{padding: 0; margin: 0;}
  .counter-section-certificate .impactwraps li{ width: 47%;padding-right: 20px;display:inline-block;text-align:center;}

  .counter-section-certificate .impactwraps li p{font-size: 25px; line-height: 30px; font-weight: 500;display: block;color:#000;margin:0;}
    .counter-section-certificate .impactwraps li .bigifonts {  font-size: 130px; line-height: 115px; font-weight: 800;display: block;  color:#000;}
    .counter-section-certificate .impactwraps li .smallfonts {   font-size: 70px; line-height: 70px; font-weight: 800;display: block;color:#9d9f9e ;}

     .counter-section-certificate .arrowraper{display:block;margin:0 auto;text-align:center;padding-top:5px;padding-bottom:25px;}

    .counter-section-certificate .numberwraps{display:block;margin:0 auto;text-align:center;}
      .counter-section-certificate .numberwraps  ul{padding: 0; margin: 0;}
        .counter-section-certificate .numberwraps li{list-style: none; display: inline-block;vertical-align: top; width: 25%; margin: 0 7px; text-align: center;padding-right:20px;min-height:282px}
      .counter-section-certificate .numberwraps  li .icon{display: block; margin-bottom: 20px; height: 125px;}
 .counter-section-certificate .numberwraps li  .title strong{ color: #00c5c5;font-weight: 800; font-size: 60px; margin-bottom: 30px;  display: block;}
  .counter-section-certificate .numberwraps li  .title .blue{color: #0095da;}
  .counter-section-certificate .numberwraps li .title .red{color: #ed1c24;}
  .counter-section-certificate .numberwraps li  .title span{display: block;font-size:20px;line-height:25px;}




  .highlight-section{ color: #fff; position: relative; padding: 20px 40px;width:320px;margin:0 auto;display:block;margin:0 auto;text-align:center;}
  .highlight-section .left{float: left; width: 45%; font-weight: 500;}
  .highlight-section .left strong{font-weight: 800;}
  .highlight-section .left p{ font-size: 30px; line-height: 40px;}
  .highlight-section .left .large{font-weight: 800; font-size: 100px; line-height: 72px; margin-top: 20px; display: block;}
  .highlight-section .right{float: right; width: 30%; }
  .highlight-section .right .logo{position: absolute; bottom: 20px; right: 40px; width: auto;}
  .highlight-section .certi-map{position: absolute; top: -345px; right: 50px;}
  .counter-section{display: inline-block; margin: 10px auto 0; text-align: center;}

  .counter-section h1{color: #000;font-weight: 800; font-size: 25px; margin-bottom: 20px;  display: block;}
  .counter-section ul{padding: 0; margin: 0;}
  .counter-section li{list-style: none; display: inline-block;vertical-align: top; width: 14%; margin: 0 7px; text-align: center;padding-right:20px;min-height:282px}
  .rhsborder{border-right:1px solid #d7b56d;}
  .counter-section li:first-child{ width: 45%;padding-right: 20px;float:left;}
  .counter-section li .certi-map-bg{background: url('../images/certi-map-bg.png') no-repeat top left; width: 675px; height: 320px; color: #000; 
	text-align: center; font-size: 14px; line-height: 16px; font-weight: 500;}

  .counter-section li .certi-map-bg strong{ display: block; }

   .counter-section li .certi-map-bg .scaledimpact{font-size: 90px; font-weight: 800; line-height: 90px;color:#000;}
      .counter-section li .certi-map-bg .originalimpact{font-size: 40px; font-weight: 800; line-height: 40px;color:#9d9e9e}

  .counter-section li .left{float: left; max-width: 160px; margin-top: 100px;font-size:20px;line-height:22px;color:#000;padding-left:20px;}
  .counter-section li .right{float: left;  max-width: 155px; margin: 40px;padding-left:100px;font-size:20px;line-height:22px;color:#000;}
  .counter-section li .icon{display: block; margin-bottom: 20px; height: 125px;}
  .counter-section li .title strong{ color: #00c5c5;font-weight: 800; font-size: 36px; margin-bottom: 20px;  display: block;}
  .counter-section li .title .blue{color: #0095da;}
  .counter-section li .title .red{color: #ed1c24;}
  .counter-section li .title span{display: block;font-size:15px}
  .bottom-text{margin: 50px auto; text-align: center; max-width: 1000px; position: relative;}
  .bottom-text p{font-size:22px;max-width:950px;padding:0 80px;word-wrap: break-word;} 
  .bottom-text small{ margin-bottom: 20px;display: block;font-weight:500;font-size:22px;}
  .bottom-text:before{content:''; position: absolute; left: 0px; top: 50px;background: url('../images/comma-left.png') no-repeat top center; width: 50px; height: 36px;}
  .bottom-text:after{content:''; position: absolute; right: 0px; top: 50px;background: url('../images/comma-right.png') no-repeat top center; width: 50px; height: 36px;}
  /*Certificate css end---------------------------------------------*/
    ul .inner {overflow: hidden; display: none; padding: 20px 0 0 0;}
    ul > .inner.show {/*display: block;*/ font-size: 18px; font-family: 'Montserrat', sans-serif;}
    ul > .inner.show  > li{list-style: none; padding: 0;}
    ul.accordion {list-style: none; padding: 0;}
    ul.accordion > li {margin: 0.5em 0 20px 0.5em;display: block;color: #5B5B5B; padding: 20px 50px;border-radius: 10px; /*border:1px solid #00C5C5;*/ transition: background 0.3s ease; background:#EBECEC;}
    ul.accordion > li > a.toggle {font-size: 18px;font-family: 'Montserrat', sans-serif;font-weight:500;color: #5b5b5b;}
    ul.accordion > li:hover,ul.accordion > li.active{background: #fff; color: #000;border: 1px solid #00C5C5;}
    ul.accordion > li.active a.toggle{color: #000;}
    ul.accordion > li:hover a{color: #000;}

    .champ-text{display:block;  margin: 10px 0 ; font-weight: 800;}
    .champ-text .count{ font-weight: 800; float: left; margin: 3px 10px 0 0;  font-size: 38px; max-width: 70px; text-align: center; color: #0192bc;}
    .champ-text .text{float: left; font-weight: 800; width: 62%; font-size: 14px;line-height:15px;}
   .champ-text a{color:#000 !important;}
    .champ-text a:hover{color:#1f77b4 !important;}


    /*partner page*/

    .partnerlist{width:100%;margin:0;position:relative;    padding: 30px 0 45px 0;}
.partnerlist p{font-size:18px;text-align:left;font-weight:400;color:#626262;padding:0px;line-height:25px;font-family: 'Montserrat', sans-serif;font-weight:300;}
.partnerlist h1{color: #000;text-transform: uppercase;font-weight: 800;font-size: 34px;line-height: 40px;margin-bottom: 05px;display: block;
margin: 0px 0 15px 0;}
.partnerlist ul{padding:0;margin:0 auto;}
.partnerlist li{list-style:none;display:inline-block;vertical-align:top;width:23%;margin:0 20px 20px 0;overflow:hidden;background:#ececec;position:relative;}
.partnerlist li .name{background-color:rgba(31,151,214,0.7);color:#fff;padding:10px;width:100%;position:absolute;left:0;bottom:0;text-align:left;font-size:16px;}
.partnerlist li .thumbnail{display:table;width:100%;height:100%;}
.partnerlist li .thumbnail img{width:100%;filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  }
.partnerlist li .thumbnail img:hover{filter: none;
      -webkit-filter: grayscale(0);
       }
.partnerlist li .thumbnail a{display:table-cell;vertical-align:middle;}
.partnerlistli:nth-child(5n){margin-right:0;}


.partnerlist .btnwrapper{display:block;padding:25px 0 35px 0}
.partnerlist .btnwrapper .btnchamp{border: 2px solid #000;padding: 8px 12px;display: inline-block;text-transform: uppercase;color: #000;font-size: 16px;font-weight: 300;margin-right: 20px;}
.partnerlist .btnwrapper .btnall{border: 2px solid #000;padding: 8px 12px;display: inline-block;text-transform: uppercase;color: #000;font-size: 16px;font-weight: 300;margin-right: 20px;}
.partnerlist .btnwrapper .btnpartner{border: 2px solid #000;padding: 8px 12px;display: inline-block;text-transform: uppercase;color: #000;font-size: 16px;font-weight: 300;margin-right: 20px;}

.thumbnail_pop{width:100px;height:auto;float:left;display:block;margin:0 20px 20px 0;}
 .name_pop{color: #7f7d70;display:block;font-size:20px;font-family: 'Montserrat', sans-serif;padding:0 0 5px 0;font-weight:400;}
 .superpower_pop{color: #7f7d70;display:block;font-size:15px;font-family: 'Montserrat', sans-serif;font-weight:300;}

.partnerlist .btnwrapper .btnall:hover{background: #adadad !important;color: #fff  !important;border: 2px solid #fff;}
.partnerlist .btnwrapper .btnpartner:hover {background: #1f97d6 !important;color: #fff  !important;border: 2px solid #fff;}
.partnerlist .btnwrapper .btnchamp:hover {background: #c93358 !important;color: #fff  !important;border: 2px solid #fff;}


.becomepartner{text-align:left;display:block;}
.becomepartner h1{font-family: 'Montserrat', sans-serif;font-size:70px;display:block;text-transform:uppercase;color:#000;font-weight:700;}
.becomepartner h2{font-family: 'Montserrat', sans-serif;font-size:30px;color:#000;padding-top:10px;font-weight:400;}
.becomepartner p{font-family: 'Montserrat', sans-serif;font-size:30px;color:#000;padding-top:10px;font-weight:300;}

.colorbgyellow {background-color:#f59d1d}
.colorbggreen {background-color:#43a73d}
.colorbgpurple {background-color:#d91d7b}
.colorbgblue {background-color:#00a8d7}

.banners_homepage{width:100%;margin:0px 0 0 0;background-size:cover;background-position:center;background-image:url(../images/banner_home.jpg);background-repeat:no-repeat;min-height:245px;text-align:center;}

.doted-bg{background-image:url(../images/dotted_bg.jpg);background-repeat:repeat;}

.banners_homepage .logodiv{float:left;width:15%;display:block;padding:50px 0;text-align:left;}

.banners_homepage .contentdiv {float:right;display:block;padding:60px 0;text-align:left;width:80%;}
.banners_homepage .contentdiv h1{font-weight: 600;font-size: 38px;line-height:43px;color:#fff;text-shadow: 1px 1px 1px #000;display:inline-block;}
.banners_homepage .contentdiv h1 span{display:inline-block;font-weight: 800;color:#136467;text-shadow:none;}
.banners_homepage .contentdiv h1 strong{display:inline-block;font-weight: 800;}

.buttonwrapper{padding-bottom:50px;}