@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
body {font-family:'Open Sans', Segoe UI, Helvetica, sans-serif; background-color: #ececec; font-weight: 200;}
strong {font-weight: 600;}
a:focus, .btn:focus {box-shadow: none;}
.myerror {margin: 0px 0 20px; color: #A03418; font-weight:bold; font-size: 20px;}
.mysuccess {margin: 0px 0 20px; color: forestgreen; font-weight:bold; font-size: 20px;}

/* top_top */
.top_top {height: 45px; background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00);}
.top_top .top-right {float: right; display: block;}
.top_top .top-right .icon {border-radius: 3px; background: #c8c8c8; width: 25px; text-align: center; height: 25px; margin-right: 10px; list-style: none; display: inline-block; margin: 5px; margin-top: 10px; cursor: pointer; color: #fff;}
.top_top .top-right .icon a {color: #fff; padding:0; margin: 0; font-size: 13px; transition: 0.4s all;}
.top_top .top-right .btn {border-radius:3px; font-size: 12px; height: 25px; padding:2px 5px; transition: 0.4s all; color: #fff !important; background: #f63;}
.top_top .top-right .btn2 {background: #c80000;}
.top_top .top-right .btn-link {color: #fff; transition: 0.4s all; line-height: 1px;}
.top_top .top-right .fb {background: #32508e;}
.top_top .top-right .fb:hover {background: #3b5998}
.top_top .top-right .tw {background: #1da1f2;}
.top_top .top-right .tw:hover {background: #1b94de}
.top_top .top-right .ig {background: #be00a6;}
.top_top .top-right .ig:hover {background: #fe0084}
.top_top .top-right .yt {background: #f00;}
.top_top .top-right .yt:hover {background: #f00}

/* navbar */
.navbar {height: auto; background:#f7f7f7; box-shadow: 0 0px 3px rgba(0,0,0,0.3);}
.navbar-brand {margin-top: -5px;}
.navbar .navbar-nav {margin: 10px auto 10px; margin-right: 0; margin-left: auto;}
.navbar .navbar-nav .nlink {color:#555; display: block; font-weight:600; font-size:18px; line-height:20px; margin:0 15px; padding:5px 9px}
.navbar .navbar-nav .nlink:hover, .navbar .navbar-nav .nlink:focus {outline:none; text-decoration: none;}
.navbar .navbar-toggler {color: #232b45; padding: 0; margin: 0 -10px; outline: none}
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(35,43,69,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media (max-width: 992px){
.navbar .navbar-nav .nlink {padding: 2px 6px; margin-bottom:10px; display: block; text-align: center;}}

/* page_top */
.page_top {padding: 80px 0; background:#fff}
.page_top h1 {margin: 0; padding: 0; font-size: 52px; color: #188f01; line-height: 60px; font-weight: 700;}
.page_top p {color: #404040; font-size: 23px; margin: 20px 0 30px; font-weight: 400;}
.page_top p.hy {display: block}
.page_top p.yh {display: none;}
.page_top a {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); color: #fff; border-radius: 4px; text-decoration: none; padding: 12px 25px; }
.page_top img {width: 100%; margin-top: 20px;}
@media(max-width: 992px){
.page_top {padding: 50px 0; text-align:center;}
.page_top h1 {font-size: 35px; line-height: 44px; text-align:center;}
.page_top p {font-size: 17px; text-align:center;}
.page_top img {width: 100%; margin-top: 40px;}}
@media(max-width: 768px){
.page_top h1 {font-size: 30px; line-height: 34px;}
.page_top p.hy {display: none;}
.page_top p.yh {display: block;}
.page_top a {padding: 6px 15px;}}

/* problem */
.problem {background: #CCEFD0; background: -webkit-linear-gradient(top left, #CCEFD0, #8BDFAA); background: -moz-linear-gradient(top left, #CCEFD0, #8BDFAA); background: linear-gradient(to bottom right, #CCEFD0, #8BDFAA); padding: 60px 0; text-align: center;}
.problem h2 {line-height: 43px; font-weight: 800; width: 80%; margin: 0 auto; padding: 0;}
.problem span {color:#333; line-height: 43px; font-size:25px; font-style: italic; display: block;}
.problem h2 a {font-size: 12px; color: #c80000;}
@media (max-width:992px) {
.problem {padding: 40px 0;}
.problem h2 {font-size: 18px; width: 100%;}}
@media (max-width:768px) {
.problem {padding: 40px 0;}
.problem h2 {font-size: 16px; width: 100%;}
.problem span {color:#333; line-height: 33px; font-size:20px; font-style: italic; display: block;}}

/* population */
.pop {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00);padding: 50px 0; text-align: center;}
.population {background: #CCEFD0; background: -webkit-linear-gradient(top left, #CCEFD0, #8BDFAA); background: -moz-linear-gradient(top left, #CCEFD0, #8BDFAA); background: linear-gradient(to bottom right, #CCEFD0, #8BDFAA); background-size: cover; padding:20px; background-position: center; text-align: center; background-repeat: no-repeat;}
.population h2 {font-size: 23px; line-height: 29px; font-weight: 800; width: 80%; margin: 0 auto; padding: 0;}
.population span {color:#404040; font-size: 20px; font-style: italic; display: block;}
.population a {display:none !important;}
@media (max-width:992px) {
.population {padding: 40px 0;}
.population h2 {font-size: 18px; width: 100%;}}
@media (max-width:768px) {
.population {padding: 40px 0;}
.population h2 {font-size: 16px; width: 100%;}}

/* issues */
.issues {background: #ffffff; padding: 70px 0; text-align: center; border-top: 1px solid #ccc;}
.issues h2 {font-size: 33px; line-height: 33px; font-weight: 600; color: #111;}
.issues p {font-size: 18px; color: #222; margin-bottom: 40px;}
.issues .btn {padding: 10px 12px; font-weight: 800; border: 3px solid #404040; background: transparent; color: #404040; text-decoration: none; outline: none; margin-bottom: 60px;}
.issues .btn:hover {background: #c80000; color: #fff; border-color: #c80000;}
.issues .issuebox {background: #c3e0dc; border-radius: 3px; margin-bottom: 30px;}
.issues .issuebox .imgbox {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); background-position: center; background-size:cover; height:180px; border-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.issues .issuebox a {background: #CCEFD0; background: -webkit-linear-gradient(top left, #CCEFD0, #8BDFAA); background: -moz-linear-gradient(top left, #CCEFD0, #8BDFAA); background: linear-gradient(to bottom right, #CCEFD0, #8BDFAA); border-top: 1px solid #ccc;  font-size: 18px; padding: 15px; text-align: center; text-decoration: none; display: block; font-weight: 800; color: #333; transition: 0.4s all; border-radius: 3px; line-height: 25px;}
.issues .issuebox a:hover, .issues .issuebox a:focus {outline: none; }
.issues .issuebox .what1 {background-image: url(../img/home.jpg); }
.issues .issuebox .what2 {background-image: url(../img/what2.jpg); }
.issues .issuebox .what3 {background-image: url(../img/what5.jpg); }
.issues .issuebox .what4 {background-image: url(../img/what4.jpg); background-position: top;}
.issues .issuebox .what5 {background-image: url(../img/what5.jpg); }
.issues .issuebox .what6 {background-image: url(../img/what5.jpg); }
.issues .issuebox .wikiwomen {background-image: url(../img/wikipea.jpeg); }
.issues .issuebox .what7 {background-image: url(../img/gal/shesaid4.jpeg); }
@media (max-width:992px) {
.issues {padding: 60px 0;}
.issues h2 {font-size: 20px; line-height: normal;}}
@media (max-width:768px) {
.issues {padding: 40px 0;}
.issues .btn {width: 170px; margin: 0 auto 60px; display: block;}
.issues .issuebox a {font-size: 16px;}}

/* take_action */
.take_action {background: #f7f7f7; background: -webkit-linear-gradient(bottom right, #f7f7f7, #efefef); background: -moz-linear-gradient(bottom right, #f7f7f7, #efefef); background: linear-gradient(to top left, #f7f7f7, #efefef); padding: 60px 0; border-top: 1px solid #ccc;}
.take_action h2 {font-size: 30px; line-height: 43px; font-weight: 800; margin-bottom: 20px; color: #333; text-align: center;}
.take_action p {font-size: 19px; width: 60%; margin: 0 auto; text-align: center; line-height: 29px; margin-bottom: 20px;}
.take_action .btn {padding: 10px 12px; font-weight: 800; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); color: #fff; text-decoration: none; outline: none; margin:10px auto 0; display: inline-block; width: 160px;}
.take_action .btn2 { color: #fff; background: #c80000;}
@media (max-width:992px) {
.take_action {padding: 40px 0;}
.take_action h2 {font-size: 25px;}
.take_action p {font-size: 16px; width: 80%;}}
@media (max-width:768px) {
.take_action p {width: 100%; line-height: 26px;}}

/* about_section */
.about_section {text-align: left; padding: 50px 0; background-color: #f7f7f7;}
.about_section h1 {font-size: 35px; font-weight: 600; font-variant: small-caps; margin-bottom: 20px; color: #404040; margin: 40px 0;}
.about_section p {font-size: 20px; line-height: 35px; color: #232323; font-weight: 500; margin: 20px auto;}
@media(max-width: 992px){
.about_section h1 {font-size: 30px;}
.about_section p {font-size: 16px; line-height: 30px;}}
@media(max-width: 768px) {
.about_section {padding-bottom: 30px;}
.about_section h1 {font-size: 25px; line-height: normal; margin: 0 0  0;}
.about_section p {font-size: 16px; line-height: 30px;}}

/* core_initiatives */
.core_initiatives {min-height: 500px; background: linear-gradient(#232b45,#1d334b); text-align: center; padding: 70px 0;}
.core_initiatives h2 {font-size: 33px; color: #fff;}
.core_initiatives p {font-size: 18px; color: #fff; margin-bottom: 30px;}
.core_initiatives .core {text-align: center; position: relative; background-position: center; background-size: cover; border-radius: 9px; height: 450px; color: #fff; margin-bottom: 30px; background-color: #f0f0f0}
.core_initiatives .core .core_inner {background-color: rgba(29,51,75,0.5); position: absolute; bottom:0; overflow: hidden; padding: 20px; height: 120px; transition: height 0.4s;}
.core_initiatives .core .core_inner h4 {font-size: 25px; font-weight: 600; margin: 30px auto 50px;}
.core_initiatives .core .core_inner span {display: block; margin-bottom: 30px;}
.core_initiatives .core .core_inner a {padding: 12px 18px; background: #fff; color: #232b45; text-decoration: none; border: 1px solid #fff; border-radius: 4px; transition: 0.4s all; box-shadow: 0 0 9px #000;}
.core_initiatives .core1 {background-image: url(../img/earth.jpg);}
.core_initiatives .core2 {background-image: url(../img/earth.jpg);}
.core_initiatives .core:hover .core_inner {height: 450px;}
.core_initiatives .core1 a:hover {background: #00aeef; color: #fff; border-color: #00aeef;}
.core_initiatives .core2 a:hover {background: #5ea300; color: #fff; border-color: #5ea300;}
@media(max-width: 768px){
.core_initiatives {padding: 50px 0 0;}
.core_initiatives h2 {font-size: 25px;}
.core_initiatives p {font-size: 16px;}
.core_initiatives .core {margin-bottom: 30px; height: 350px;}
.core_initiatives .core:hover .core_inner {height: 350px;}
.core_initiatives .core .core_inner {padding: 20px 10px;}}

/* discover */
.discover {background:linear-gradient(#eee,#ccc); text-align:center; padding: 70px 0;}
.discover h2 {font-size: 33px; line-height: 44px; width: 70%; margin: 0 auto 20px;}
.discover .disc {padding: 15px; transition: 0.4s all; background: #fff; text-decoration: none; border-radius: 6px; margin: 20px 0;}
.discover .disc img {display: block; text-align: center; margin: 0 auto;}
.discover .btn {padding: 12px 25px; background: #f5a623; margin: 30px auto 0; color: #232b45;}
.discover .disc:hover {transform: scale(1.04);}
@media(max-width: 992px){
.discover h2 {font-size: 25px; width: 100%; line-height: 30px;}
.discover .disc h4 {font-size: 18px;}}
@media(max-width: 768px){
.discover {padding: 50px 0;}
.discover h2 {font-weight: 600; line-height: normal;}
.discover .disc img, .discover .disc h4,.discover .disc span {margin-bottom: 10px;}}

/* donate */
.donate {background-color: #f5f6f9; padding: 80px 0;}
.donate .donbox {background-color: #232b45; background-image: url(../imgs/partner.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; border-radius: 4px;}
.donate .layer {border-radius: 4px; text-align: center; padding: 100px 0; background-color: rgba(0,0,0,0.5);}
.donate .donbox p {font-size: 22px; line-height: 29px; width: 70%; margin: 0 15% 30px; color: #fff;}
.donate .donbox a {background: #fff; transition: 0.4s background; box-shadow: 0 0 9px #000; color: #232b45; border-radius: 4px; text-decoration: none; padding: 12px 25px;}
.donate .donbox a:hover {background:#00aeef;}
@media(max-width: 992px){
.donate .donbox p {width: 70%; text-align: center; margin: 0 15% 20px;}}
@media(max-width: 768px){
.donate {padding: 30px 0;}
.donate .donbox {margin-top: 0;}
.donate .layer {padding: 50px 0;}
.donate .donbox p {font-size: 20px;}}

/* foot */
.buttons {background: linear-gradient(#526d94,#5b79a4); height: 50px; border-top: 1px solid #405573;}
.myfoot {padding: 20px 20px 10px; background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00);}
.myfoot p {font-size: 14px; color: #fff; text-align: center;}
.myfoot p ul {list-style: none; display: inline-block;}
.myfoot a {color: #fff; outline: none; display: inline-block; margin: 0 5px;}
.myfoot a:hover {color: #ccc;}
@media (max-width: 768px){
.footed {width: 50%; float: left;}}

/* center_full */
.center_full {background-position: center; background-size: cover;}
.center_full .layer {padding: 70px 0; background-color: rgba(0,0,0,0.9);}
.center_full h1 {margin: 0; padding: 0; text-shadow: 2px 2px 4px #000; font-size: 52px; color: #fff; line-height: normal; font-weight: 500;}
.center_full p {color: #d5d5d5; font-size: 18px; line-height: 29px; margin: 20px auto 0; width: 60%;}
@media (max-width: 768px){
.center_full .layer {padding: 30px 0;}
.center_full h1 {font-size: 30px; line-height: normal;}
.center_full p {font-size: 16px; width: 100%; margin-bottom: 0;}}

/**********************************/
/*********** A B O U T ************/
/**********************************/
/* about_story */
.about_story {padding: 70px 0; text-align: justify; background: #fff;}
.about_story h1 {font-size: 40px; width: 75%; margin: 0 auto; padding: 0; text-align: center; margin-bottom:50px; line-height: 55px; font-weight: 700;}
.about_story p {margin-bottom: 15px; font-size: 18px; width: 75%; margin: 0 auto 30px;}
.about_story span {margin-bottom: 5px; display: block; font-size: 15px; ;}
.about_story a {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); margin-top: 15px; display: inline-block; color: #fff; border-radius: 4px; text-decoration: none; padding: 12px 25px; margin-bottom: 0; min-width: 200px;}
@media (max-width: 768px){
.about_story h1 {font-size: 25px; line-height: 33px; width: 100%;}
.about_story p {width: 100%;}}

/* threeblocks */
.threeblocks {margin: 70px auto; color: #fff; border-top: 1px solid #ccc;}
.threeblocks .block {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); padding: 30px 20px; position: relative; min-height: 300px; text-align: center;}
.threeblocks .block i {font-size: 30px; color: #fff; margin-bottom: 20px;}
.threeblocks .block h2 {font-size: 23px; font-weight: bold; font-variant: small-caps; margin-bottom: 30px;}
.threeblocks .block span {font-size: 30px; font-weight: 700;}
.threeblocks .block p {font-size: 16px; font-weight: 500; width: 80%; margin: 0 auto;}
.threeblocks .block1 {background-color: #e4e9f2;}
.threeblocks .block2 {background-color: #f1f1f1;}
.threeblocks .block3 {background-color: #ddd;}
.threeblocks .block4 {background-color: #f1f1f1;}
.threeblocks .block5 {background-color: #ddd;}
.threeblocks .block6 {background-color: #f0f0f0;}
.threeblocks .block7 {background-color: #e4e9f2;}
.threeblocks .block8 {background-color: #f1f1f1;}
.threeblocks .block9 {background-color: #ddd;}
@media(max-width: 768px){
.threeblocks {margin: 0 auto;}
.threeblocks .block {min-height: 200px;}}

/* mission_it */
.mission_it {background-color: #fff; padding: 0 0 50px; border-bottom: 1px solid #ccc;}
.mission_it h1 {font-size: 40px; text-align: left; margin: 60px 0 10px; line-height: 48px; font-weight: 800;}
.mission_it p {font-size: 17px; line-height: 27px;}
.mission_it .abtimg {max-width: 480px; margin-top: 40px; min-height: 190px; background:linear-gradient(#2b2b2b,#454545,#2c2c2c);}
@media (max-width: 992px){
.mission_it h1 {font-size: 30px; margin: 30px 0 10px;}
.mission_it p {font-size: 16px; text-align: justify;}}
@media (max-width: 768px){
.mission_it {padding:20px 0;}
.mission_it p {font-size: 16px; line-height: 25px;}
.mission_it .abtimg {margin-top: 20px; margin-bottom: 20px;}}


/**********************************/
/*********** W O R K S ************/
/**********************************/
/* works_story */
.works_story {background-color: #fff; padding: 0 0 50px; border-bottom: 1px solid #ccc;}
.works_story h1 {font-size: 40px; text-align: left; margin: 60px 0 10px; line-height: 48px; font-weight: 800;}
.works_story p {font-size: 17px; line-height: 27px;}
.works_story .abtimg {max-width:480px; width: 100%;margin-top: 40px; min-height: 190px; background:linear-gradient(#2b2b2b,#454545,#2c2c2c);}
@media (max-width: 992px){
.works_story h1 {font-size: 30px; margin: 30px 0 10px;}
.works_story p {font-size: 16px; text-align: justify;}}
@media (max-width: 768px){
.works_story {padding:20px 0;}
.works_story p {font-size: 16px; line-height: 25px;}
.works_story .abtimg {margin-top: 20px; margin-bottom: 20px;}}

/* initiative */
.initiative {height: 550px; background-size: cover; background-position: center; position: relative;}
.initiative1 {background-image: url(../img/what2.jpg);}
.initiative2 {background-image: url(../img/earth.jpg);}
.initiativeshesaid {background-image: url(../img/gal/shesaid1.jpeg); height:450px;}
.initbox {max-width: 900px; padding: 30px; background-color: rgba(255,255,255,0.5); text-align: center; position: absolute; bottom: 0; margin-left: calc(50% - 450px); display: block; width: 100%;}
.initbox h1 {text-align: center; font-size: 40px; font-weight: 800;}
.initdet {max-width: 900px; margin: 0 auto; top: 0; background: #f3f3f3; padding:30px; margin-bottom: 50px;}
.initdet p {font-size: 18px; line-height: 27px;}
@media (max-width: 992px){
.initbox {max-width: 556px; margin-left: calc(50% - 278px);}
.initbox h1 {font-size: 30px;text-align:center;}
.initdet {max-width: 556px;}}
@media (max-width: 768px){
.initbox {width: 100%; position: absolute; bottom: 0; left:30px;}
.initbox h1 {font-size: 25px; text-align:center;}
.initdet {max-width: 480px;}}

/**********************************/
/********* C O N T A C T **********/
/**********************************/
/* contact_lines */
.contact_lines {max-width: 900px; border-bottom: 1px solid #aaa; margin: 0 auto; padding: 50px 0;}
.contact_lines h2 {float: left; color: #232b45; text-transform: uppercase; font-size: 18px; font-weight: 700;}
.contact_lines a {display:inline-block; font-weight:700; margin-top:-5px; font-size:18px; float:right; color:#251f68; text-decoration: none;} 
@media (max-width: 768px){
.contact_lines h2, .contact_lines a {font-size: 16px;}}

/* contact_form */
.contact_form {background:#fff; padding: 60px 0;}
.contact_form form {max-width: 900px; text-align: left; display: block; margin: 0 auto;}
.contact_form form h3 {font-size: 18px; line-height: 33px; margin-bottom: 30px;}
.contact_form label {font-size: 16px; font-weight: 600;}
.contact_form .form-control {background: #eef2ff; border: 1px solid #ccc;}
.contact_form .form-control:focus {border-color: #999;}
.contact_form .btn {background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); width: 160px; padding: 12px 25px; color: #fff; cursor: pointer;}

/**********************************/
/********** D O N A T E ***********/
/**********************************/
/* why_donate */
.why_donate {background-color: #F0F0F0; text-align: left; padding: 50px 0; border-bottom: 1px solid #cfcfcf;}
.why_donate h2 {text-align: center; font-size: 40px; line-height: 45px; font-weight: 800; margin-bottom: 20px;}
.why_donate h4 {text-align: left; font-size: 25px; margin: 0; padding: 0;}
.why_donate h5 {border-radius: 50%; padding-top: 9px; margin: 10px 0; background: #00aff0; font-size: 16px; color: #fff; width: 35px; height: 35px; font-weight: bold; text-align: center;}
.why_donate .bgimg {border-top: 15px solid #00aff0; text-align:left;}
.why_donate img {width: 100%;}
.why_donate .unik {border:1px solid #e4e9f2; border-bottom: 2px solid #e4e9f2; background-color:#f5f7fa; padding:10px 20px;}
.why_donate .unik p {font-weight: 400; font-size: 14px; color: #606a6f; line-height: 21px; margin: 0;}
@media (max-width: 992px){
.why_donate h2 {font-size: 28px; line-height: normal;}
.why_donate h4 {font-size: 22px;}
.why_donate .unik {margin-bottom: 20px;}
.why_donate .unik p {font-size: 13px;}}

/* pay */
.pay {background: #efefef; padding: 60px 0; border-bottom: 1px solid #cfcfcf;}
.pay h2 {font-size: 40px; line-height: 43px; font-weight: 700; margin-bottom: 20px; text-align: center;}
.pay p {font-size: 18px; text-align: center; width: 60%; line-height: 29px; margin: 0 auto 20px;}
.pay label {font-weight: 700; font-size: 16px;}
.pay label span {color: #f63; font-weight: 800;}
.pay .form-control {border: 1px solid #aaa; padding: 15px 12px;} 
.pay .btn {padding: 15px 15px; color: #fff; width: 100%; background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); background: linear-gradient(to bottom right, #188f01,#004a00); }
.pay .btn:hover {background: #093; cursor: pointer;}
@media (max-width:992px) {
.pay {padding-top: 40px;}
.pay h2 {font-size: 30px;}
.pay p {font-size: 16px; width: 100%;}
.pay .form-control {padding: 10px 15px;}
.pay .btn {margin-top: 0;}}
@media (max-width:768px) {
.pay h2 {font-size: 25px; line-height: 33px; margin-bottom: 10px;}
.pay p {line-height: normal;}}

/************************************************************************/
/********************************  B L O G S ****************************/
/************************************************************************/

/* about */
.about {padding: 60px 30px; height: auto; background-color: #f5f5f3; color: #444; font-family: 'Work Sans', sans-serif; }
.about img {width: 100%; height: auto; margin-top: 25px; margin-bottom: 10px;}
.about .block {padding: 20px; margin: 20px 0; background: #fff; border: 1px solid #ccc; }
.about .block p {font-size: 16px; text-align: center; padding: 0; margin: 0;}
.about h2 {font-size: 14px; letter-spacing: 1px; margin: 0; position: relative; padding: 0; line-height: 65px; text-align: center;}
.about h6 {font-size: 40px; display: block; text-align: center; font-weight: bold; margin: -10px auto 30px; color: #188f01;}
.about span {text-align: center; font-size: 16px; width: 60%; margin: 0 20% 40px; line-height: 28px; color: #188f01; display: block;}
.about h2:before,
.about h2:after {position: absolute; top: 50%; left: 50%; width: 45px; height: 1px; background: #188f01; content: ""; margin-left: -120px;}
.about h2:after {left: auto; right: 50%; margin-right: -120px;}
.about .content {margin-top: 20px; text-align: justify;}
.about .content p {font-size: 18px; color: #444; line-height: 28px; margin-bottom: 30px;}
.about .content p em {font-style: italic; font-weight: bold;}
.about .content h5 {text-align: left; font-weight: bold; margin-top: 20px; font-size: 18px; font-weight: 700; position: relative; padding-left: 40px; text-transform: uppercase;}
.about .content h5:before {position: absolute; top: 50%; left: 0; width: 25px; height: 2px; content: ""; background: #e81c4f; margin-top: -1px;}
@media (max-width: 992px){
.about {padding: 60px 10px;}}
@media (max-width: 768px){
.about img {margin-top: 10px; margin-bottom: 25px;}}

.cqblog h6 {margin-bottom: 10px; text-align:left;  color: #444;}
.cqblog h5 {font-weight:bold;}
.cqblog .link {text-decoration: none; color: #188f01;}
.cqblog .link:hover{text-decoration: none;}
.blogpost {padding-bottom: 25px;}
.cqblog .btn {padding: 6px 15px; background: #188f01; background: -webkit-linear-gradient(top left, #188f01,#004a00); background: -moz-linear-gradient(top left, #188f01,#004a00); 
background: linear-gradient(to bottom right, #188f01,#004a00); color: #fff; margin: 20px 0 30px; display: block; width: 150px; transition: 0.5s all;}
.cqblog .btn:hover {background-color: rgba(232,28,79,0.5);}