/***************************************Template Name: Green FairAuthor: Md Foysal AhamedCreated: July 05 2016Version: 1.2****************************************/
/*CSS Style Structure1. General Or Universal code,2. Import Google's Fonts,3. Header,4. Slider,5. Welcome,6. Volunteer,7. Portfolio,8. Achivment,9. Event,10. Testimonial,11. Latest Blog,12. Purches,13. Contact,14. Footer.*/
/*font-family: 'Roboto Slab', serif;
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
/*font-family: 'Lato', sans-serif;
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*font-family: 'Raleway', sans-serif;
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/*font-family: 'Open Sans', sans-serif;
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic);
/*font-family: 'Roboto', sans-serif;
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/*UNIVERSAL CODE*
/* {
     margin: 0;
     padding: 0;
}
.alignleft {
     float: left;
     margin-right: 15px
}
.alignright {
     float: right;
     margin-left: 15px;
}
.aligncenter {
     display: block;
     margin: 0 auto
}
.floatleft {
     float: left
}
.floatright {
     float: right
}
.fix {
     overflow: hidden
}
.clear {
     clear: both
}
.container {
     transition: all 0.9s ease 0s;
     -webkit-transition: all 0.9s ease 0s;
     -moz-transition: all 0.9s ease 0s;
     -o-transition: all 0.9s ease 0s;
     -ms-transition: all 0.9s ease 0s;
}
ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
a,a:hover,a:focus,a:visited,a:hover {
     text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6 {
     margin: 0;
     padding: 0;
     font-weight: normal;
}
p {
     padding: 0;
     margin: 0;
}
img {
     max-width: 100%;
     height: auto;
}
html {
     height: 100%
}
 body {
}
/*Remove chrome Input Field’s Unwanted Yellow Background Color*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0 100px white inset !important;
}
/*Input focus color removed*/
:focus {
     outline: -webkit-focus-ring-color auto 0px;
}
/*Bootstrap Form Control Focus*/
.form-control:focus {
     border-color: #fff;
     border: 0px;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
/***************************/
.zero_mp {
     padding: 0;
     margin: 0;
}
.margin_btm {
     margin-bottom: 0px !important;
}
.sections{
     padding: 80px 0;
     overflow: hidden;
     position: relative;
}
.min-spacing{
     padding: 50px 0;
     overflow: hidden;
     position: relative;
}
/***********************************************/
/*header*/
/*Header Top header*/
#header .top_header {
     position: fixed;
     top: 0;
     z-index: 111111111;
     width: 100%;
     min-height: 30px;
     line-height: 30px;
     background: #fff;
     border-bottom: 2px solid #F2F2F2;
    /*padding-top: 15px;
    */
}
#header .top_header .address {
    /*border-right: 1px solid #E6E5E5;
    */
}
#header .top_header .address p {
     font-size: 12px;
     padding-top: 2px;
     color: #aaaaaa;
     font-family: 'Open Sans', sans-serif;
}
#header .top_header .phone p {
     color: #aaaaaa;
     font-size: 12px;
     font-family: 'Open Sans', sans-serif;
     padding-top: 1px;
     display: inline-block;
}
#header .top_header .address i,#header .top_header .phone i {
     padding: 8px 5px;
     font-size: 15px;
     color: #aaaaaa;
}
#header .top_header .social_icon i {
     padding: 0 5px;
     color: #787878;
     font-size: 12px;
     font-weight: 700;
}
#header .top_header .social_icon i:hover {
     color: #ba8f95;
}
/*End of top header*/
#header .header_menu {
     min-height: 90px;
     border-bottom: 1px solid #3D3E3D;
     z-index: 9999;
}
#header .header_menu .navbar {
     border: 0px solid transparent;
}
#header .header_menu .custom_navbar-brand {
     padding-left: 0;
     padding-top: 0;
}
#header .header_menu .navbar-default {
     background-color: rgba(255, 255, 255, 0);
     border-color: rgba(255, 255, 255, 0);
}
#header .header_menu .navbar-default .navbar-nav>.active>a,#header .header_menu .navbar-default .navbar-nav>.active>a:focus,#header .header_menu .navbar-default .navbar-nav>.active>a:hover {
     background-color: rgba(255, 255, 255, 0);
}
#header .header_menu .navbar {
     position: relative;
     min-height: 50px;
     margin-bottom: 0px;
     border: 1px solid transparent;
}
#header .header_menu .main_menu {
     padding-top: 40px;
}
#header .header_menu ul.main_menu li a {
     color: #aaa;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     font-family: 'Roboto Slab', serif;
}
#header .header_menu ul.main_menu li a:hover {
     color: #fff;
}
#header .header_menu ul.main_menu li.active a {
     color: #fff;
}
#header .header_menu ul.main_menu li,#header .header_menu ul.main_menu li.active a {
     display: inline-block;
     position: relative;
}
#header .header_menu ul.main_menu li:after {
     content: '';
     display: block;
     margin: auto;
     height: 3px;
     background: transparent;
     width: 0px;
     transition: width .5s ease, background-color .5s ease;
     margin-top: 6px;
}
#header .header_menu ul.main_menu li:hover:after,#header .header_menu ul.main_menu li.active:after {
     width: 90%;
     background: #fff;
}
.navbar-header img{
     max-width: 94px;
     margin-top: 3rem;
}
.th-header{
     margin-bottom: 6rem;
}
.th-header #bot-menu{
     position: fixed;
     top: 10rem;
     width: 100%;
     min-height: 50px;
     margin-bottom: 20px;
     border: 0px solid transparent;
     border-radius: 0;
     z-index: 9990;
     background: #638375;
}
.th-header .main_menu li.active a{
     background: #333!important;
}
.th-header .main_menu li a {
     color:#fff!important;
     font-weight: bold;
     text-transform: capitalize;
}
.th-header .main_menu li a:hover {
     color: #ba8f95!important;
}
/*Slider*/
#slider {
     min-height: 390px;
     margin-top: 11rem;
}
#slider .slider_text {
     padding-bottom: 13%;
}
#slider .slider_text h2 {
     font-size: 52px;
     padding: 10px 0;
     font-weight: 600;
     font-family: 'Lato', sans-serif;
     text-transform: uppercase;
}
#slider .slider_text h3 {
     font-size: 17px;
     font-family: 'Open Sans', sans-serif;
     color: #fff;
}
#slider .slider_text p {
     font-size: 14px;
     padding-bottom: 60px;
     font-family: 'Lato', sans-serif;
     font-weight: 400;
}
#slider .slider_text a.custom_btn {
     font-size: 14px;
     color: #fff;
     padding: 15px 25px;
     background: #ba8f95;
     border-radius: 2px;
     margin-top: 20px;
     font-family: 'Lato', sans-serif;
     font-weight: 600;
}
#slider .slider_text h2,#slider .slider_text h3,#slider .slider_text p,#slider .slider_text a.custom_btn {
     text-transform: uppercase;
}
#slider .slider_text h3 {
     font-size: 25px;
     padding: 10px 0;
     font-family: 'Lato', sans-serif;
     font-weight: normal;
}
#slider .slider_overlay {
     position: relative;
}
/*#slider .slider_overlay:after {
     position: absolute;
     content: "";
     background: rgba(0, 0, 0, 0.3);
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
*/
/*Slider Fade In*/
.carousel-fade .carousel-inner .item {
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
     opacity: 0;
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
     left: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
     z-index: 2;
}
.carousel-inner .slider_overlay img{
     max-height: 400px;
     width: 100%;
}
/*Welcome Section*/
#welcome {
     min-height: 350px;
     background: #fff;
     padding: 80px 0;
}
.wel_header {
     text-align: center;
     color: #222222;
     padding-top: 0;
}
.fw-heading.fw-heading-center {
     padding-bottom: 40px;
}
.wel_header h2 {
     font-size: 36px;
     text-transform: uppercase;
     font-weight: 700;
     padding-bottom: 25px;
     font-family: 'Roboto Slab', serif !important;
     color: #222222;
}
.wel_header p {
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
}
#welcome .single_item {
     padding-top: 30px;
     text-align: center;
}
#welcome .welcome_icon {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     text-align: center;
     margin: 0 auto;
     border: 1px solid #C4C4C4;
     transition: .7s;
}
#welcome .welcome_icon i {
     margin-top: 25%;
     font-size: 50px;
     transition: .7s;
}
#welcome .item_list h4 {
     padding: 20px;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 18px;
     color: #393939;
     transition: 0.7s;
     font-family: 'Roboto Slab', serif;
}
#welcome .item_list p {
     font-size: 14px;
     color: #646464;
     font-family: 'Open Sans', sans-serif;
}
#welcome .item_list:hover .welcome_icon {
     background: #ba8f95;
     cursor: pointer;
}
#welcome .item_list:hover .welcome_icon i {
     color: #fff;
}
#welcome .item_list:hover h4 {
     color: #ba8f95;
     cursor: pointer;
}
/*Volunteer*/
#volunteer {
     min-height: 200px;
     background: #000000;
}
#volunteer .volunteer_content h3 {
     font-size: 45px;
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     padding-bottom: 10px;
     font-family: 'Open Sans', sans-serif;
}
#volunteer .volunteer_content h3 span {
     color: #ba8f95;
}
#volunteer .volunteer_content p {
     font-size: 14px;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
}
#volunteer .join_us {
     padding-top: 55px;
}
#volunteer .vol_area {
     padding: 40px 0;
}
#volunteer .join_us a.vol_cust_btn {
     background: #ba8f95;
     color: #fff;
     padding: 8px 50px;
     border: 1px solid #ba8f95;
     border-radius: 3px;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
}
/*Portfolio*/
#portfolio {
     min-height: 670px;
     padding: 40px 0;
}
#portfolio .portfolio_title h2 {
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     padding-bottom: 15px;
     font-family: 'Roboto Slab', serif;
     color: #222222;
}
#portfolio .portfolio_title p {
     font-size: 16px;
     color: #393939;
     padding-bottom: 25px;
     padding-top: 0;
     font-family: 'Open Sans', sans-serif;
}
/*Customise Portfolio*/
#portfolio ul.menu li button {
     padding: 6px 15px;
}
#portfolio ul.portfolio_custom_menu li button {
     background: #f6f6f6;
     border: 1px solid #e9e9e9;
     color: #726e6e;
     text-transform: uppercase;
     font-weight: 500;
     margin-bottom: 20px;
     width: auto;
     font-size: 12px;
     padding-top: 8px;
     border-radius: 4px;
     font-family: 'Roboto', sans-serif;
}
#portfolio ul.portfolio_custom_menu li {
     padding: 10px 0px;
}
#portfolio ul.portfolio_custom_menu li button:hover {
     background: #ba8f95;
     color: #fff;
}
#portfolio ul.portfolio_custom_menu li button.btn_active {
     background: #ba8f95;
     box-shadow: inset 0 1px 10px hsla(0, 0%, 100%, 0);
     color: #fff;
}
#portfolio .notes .note .img_overlay {
     background: rgba(21, 21, 18, 0.92);
     z-index: 1;
     position: absolute;
     width: 94%;
     height: 94%;
     top: 3%;
     left: 3%;
     color: #fff;
     opacity: 0;
     transition: 0.7s;
}
#portfolio .notes .note .img_overlay p {
     position: relative;
     top: 45%;
     opacity: 0;
     transition: 0.7s;
     font-size: 16px;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
}
#portfolio .notes .note:hover .img_overlay,#portfolio .notes .note:hover .img_overlay p {
     opacity: 10;
}
/*Achivment*/
div#achivement {
     overflow: hidden;
}
.achivment_padding {
     padding: 80px 0;
}
/*#counter {
     min-height: 440px;
     background: #bdbebd;
     border-bottom: 1px solid #8c8e8c;
}
*/
/*.counter_header {
     padding-top: 80px;
     text-align: center;
     color: #fff;
}
*/
section#counter {
     background: url(../img/img1.jpg) no-repeat scroll top center / cover;
     color: #fff;
}
.counter_img_overlay {
     position: relative;
     padding: 80px 0;
     text-align: center;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.52);
}
.counter_header h2 {
     text-transform: uppercase;
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 10px;
     font-family: 'Roboto Slab', serif;
}
.counter_header p {
     font-size: 16px;
     padding-bottom: 60px;
     font-family: 'Open Sans', sans-serif;
     padding-top: 15px;
}
.counter_text {
     color: #fff;
     font-weight: 700;
}
.sigle_counter_item {
     padding-top: 20px;
     padding-bottom: 0px;
}
.sigle_counter_item img {
     padding-bottom: 20px;
     height: 90px;
}
.sigle_counter_item i {
     font-size: 60px;
     padding: 10px;
     color: #ba8f95;
}
.counter_text span {
     font-size: 32px;
     border-bottom: 1px solid;
     padding-bottom: 10px;
     font-family: 'Roboto Slab', serif;
     font-weight: 600;
}
.counter_text p {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 400;
     padding-top: 10px;
     font-family: 'Roboto Slab', serif;
     color: #ffffff;
     margin-top: 10px;
}
/*Event*/
#event {
     min-height: 450px;
     background: #fff;
     color: #000;
     padding: 40px 0px;
}
#event .event_header {
     padding-bottom: 50px;
}
#event .event_item{
     margin-top: 1rem;
}
#event .event_header h2 {
     font-size: 36px;
     font-weight: 700;
     padding-bottom: 20px;
     text-transform: uppercase;
     font-family: 'Roboto Slab', serif;
     color: #222222;
}
.event_header.text-center p {
     color: #393939;
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
}
#event .event_text {
     padding: 30px 30px 0;
     background: #eff0f2;
     min-height: 279px;
}
#event .event_item img {
     width: 100%;
}
#event .event_text {
     padding: 30px 30px 0;
     width: 100%;
}
#event .event_text h4 {
     font-size: 18px;
     padding-bottom: 15px;
     font-weight: 700;
     color: #454444;
     font-family: 'Roboto Slab', serif;
}
#event .event_text h6 {
     padding-bottom: 20px;
     font-size: 14px;
     color: #6c6b6b;
     font-family: 'Roboto Slab', serif;
}
#event .event_text p {
     font-size: 14px;
     color: #646464;
     padding-bottom: 35px;
     font-family: 'Open Sans', sans-serif;
}
#event a.event_btn {
     background: #101010;
     padding: 5px 15px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 2px;
     transition: 0.7s ease;
     font-family: 'Open Sans', sans-serif;
}
#event a.event_btn:hover {
     background: #ba8f95;
}
#event .event_news {
     padding-bottom: 27px;
}
.event_news_text {
     display: block;
     overflow: hidden;
}
.event_news_text h4 {
     color: #454444;
     font-size: 18px;
     font-family: 'Roboto Slab', serif;
     font-weight: 700;
}
#event .event_news_text p {
     padding-top: 10px;
     font-size: 14px;
     color: #646464;
     font-family: 'Open Sans', sans-serif;
}
#event .event_news_img {
     padding-right: 10px;
}
/*Testimonial*/
#testimonial {
     color: #fff;
     background: url(../img/img3.jpg) no-repeat scroll top center / cover;
}
.testimonial_overlay {
     padding: 80px 0;
     position: relative;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.53);
}
#testimonial .testimonial_header {
}
#testimonial .testimonial_header h2 {
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     padding-bottom: 20px;
     font-family: 'Roboto Slab', serif;
     color: #fff;
}
#testimonial .testimonial_header p {
     font-size: 16px;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
}
/*Latest Blog*/
#blog {
     min-height: 400px;
     padding: 40px 0;
}
#blog p {
     display: inline-block;
}
#blog .latest_blog {
}
#blog .latest_blog h2 {
     padding-bottom: 20px;
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Roboto Slab', serif;
     color: #222222;
}
#blog .latest_blog p {
     padding-bottom: 45px;
     font-size: 16px;
     color: #646464;
     font-family: 'Open Sans', sans-serif;
}
#blog .single_blog_item {
     border: 1px solid #d1d3d1;
    margin-bottom: 10px;
     height: 295px;
}
#blog .blog_content {
     padding: 15px;
     height: auto;
}
#blog .blog_content h3 {
     font-size: 16px;
     font-weight: 400;
     padding-bottom: 10px;
     color: #454444;
     font-family: 'Roboto Slab', serif;
}
#blog .expert {
     padding-bottom: 20px;
     color: #aeadad;
}
#blog .expert span.time {
     padding-right: 10px;
     border-right: 1px solid;
}
#blog .expert span.admin {
     padding-left: 5px;
     color: #aeadad;
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 700;
}
#blog .blog_news .blog_img img {
     height: 230px;
     width: 100%;
}
#blog .blog_news span.right_msg span {
     font-size: 14px;
     color: #aeadad;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
}
#blog .expert a {
     color: #aeadad;
}
#blog .expert p.right_side {
     padding-left: 110px;
}
#blog p.blog_news_content {
     color: #646464;
     font-size: 14px;
     padding-bottom: 15px;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#blog a.blog_link {
     text-transform: uppercase;
     font-weight: 500;
     color: #545353;
     transition: 0.7s;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
}
#blog a.blog_link:hover {
     color: #ba8f95;
}
/*purches*/
section#market {
     padding: 80px;
}
#purches {
     min-height: 200px;
     background: #333333;
}
#purches .purches_title {
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     color: #ffffff;
}
#purches h2.purches_title {
     font-size: 36px;
     padding-top: 80px;
     font-family: 'Roboto Slab', serif;
     font-weight: 700;
     color: #ffffff;
}
#purches a.purches_btn {
     float: right;
     margin-top: 80px;
     padding: 8px 58px;
     background: #ba8f95;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 2px;
     font-family: 'Roboto Slab', serif;
     font-size: 18px;
}
div#market-place {
     min-height: 200px;
     border-bottom: 1px solid #bcbaba;
}
.msg {
     padding-top: 50px;
}
input#name,input#email {
     margin-bottom: 10px !important;
}
.text_area textarea {
     resize: none;
     width: 555px;
}
.text_area textarea,.form-inline .form-control,input#name,input#email,input#subject{
     border-radius: 0px;
     margin-bottom: 20px;
     border: 0px;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: #d4d4d4;
     font-style: italic;
     color: #696969;
     font-family: 'Open Sans', sans-serif;
}
li.fw-flash-message {
     color: red;
     font-size: 4rem;
}
.msg_title h5 {
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 400;
     padding-bottom: 20px;
     font-family: 'Roboto Slab', serif;
     color: #222222;
}
.custom-btn {
     padding: 13px 82px;
     background: #ba8f95;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     border: 0px;
     border-radius: 2px;
     letter-spacing: 5px;
     font-size: 14px;
     font-family: 'Roboto Slab', serif;
     outline: 0 !important;
}
.office {
     padding-top: 50px
}
.office .title h5 {
     font-size: 22px;
     font-weight: 400;
     text-transform: uppercase;
     padding-bottom: 20px;
     font-family: 'Roboto Slab', serif;
     color: #222222;
}
.office_location i span {
     padding-left: 15px;
     color: #696969;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
.office_location i {
     padding-bottom: 15px;
}
.office_location {
     color: #696969;
}
.contact_area h3 {
     font-size: 36px;
     padding-bottom: 20px;
     font-weight: 700;
     text-transform: uppercase;
     color: #222222;
     font-family: 'Roboto Slab', serif;
}
.contact_area p {
     font-size: 16px;
     color: #646464;
     font-family: 'Open Sans', sans-serif;
}
#map {
     width: 100%;
     margin: 0;
     box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
     min-height: 300px;
}
/*Footer*/
#footer {
     min-height: 100px;
     background: #222222;
     color: #fff;
}
#footer .copyright,#footer .designer {
     padding-top: 45px;
     font-size: 14px;
}
#footer .copyright p {
     text-align: left;
}
#footer .designer p {
     text-align: right;
}
#footer .copyright p,#footer .copyright p span a,#footer .designer p,#footer .designer a {
     font-size: 14px;
     color: #ffffff;
     font-family: 'Open Sans', sans-serif;
     padding-left: 3px;
}
/*Back to Top*/
#back-to-top {
     position: fixed;
     bottom: 15px;
     right: 15px;
     z-index: 9999;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 30px;
     background: rgba(84, 225, 0, 0.18);
     color: #ffffff;
     cursor: pointer;
     border: 0;
     text-decoration: none;
     transition: all 0.5s ease;
     opacity: 0;
     display: none;
     background: #ba8f95;
}
#back-to-top:hover {
     color: #fff;
     border-radius: 50%;
}
#back-to-top.show {
     opacity: 1;
}
.bl-mnue {
     position: fixed;
     top: 0px;
     width:100%;
     z-index: 1;
     background: #fff;
}
.carousel-caption{
     top: 100px;
}
/**/
.section-wraper {
     position: relative;
}
.section-edit {
     position: absolute;
     width: 100%;
     bottom: 0;
     z-index: 1;
}
.section-abc {
     background: rgba(255, 255, 255, 0.68);
     padding: 2px 5px;
     font-size: 12px;
     font-style: italic;
     display:none;
}
.section-edit:hover .section-abc{
     display:inline;
}
.section-edit .post-edit-link {
     margin: 10px 0;
     padding: 2px 12px;
}
.section-edit .post-edit-link {
     margin: 3px 0;
     padding: 2px 12px;
     font-size: 12px;
     line-height: 1.45;
}
.section-edit .post-edit-link {
     margin: 10px 0;
     display: inline-block;
     background: #E85757 ;
     color: #fff!important;
     padding: 2px 12px;
     border-radius: 3px;
}
.recent-blog .entry-header a {
     font-size: 1.5rem;
}
.event_img img {
     width: 440px;
     height: 279px;
}
.event_news_img img {
     width: 95px;
     height: 90px;
}
#market-place .fw-single-image img {
     margin: 0 auto;
}
/*.contact_us_padding {
     padding: 80px 0px;
}
*/
#contact-us .wel_header {
     padding-top: 0px;
     padding-bottom: 0;
}
#contact-us h3 {
     font-size: 36px;
     padding-bottom: 20px;
     font-weight: 700;
     text-transform: uppercase;
     color: #222222;
     font-family: 'Roboto Slab', serif;
}
#contact-us .wel_header h5 {
     text-align: left;
     font-size: 22px;
     font-weight: 400;
     text-transform: uppercase;
     padding-bottom: 20px;
     font-family: 'Roboto Slab', serif;
     color: #222222;
     padding-top: 0px
}
#contact-us .office_location i {
     padding-bottom: 15px;
}
#contact-us .office_location i span {
     padding-left: 15px;
     color: #696969;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
#contact-us .form-group {
     margin-bottom: 0;
}
.wel_header.contact_us_h5 {
     margin-left: -15px !important;
}
/*input#name,label.input,label.textarea,textarea.form-control {
     width: 100%;
}
*/
#slider .carousel-indicators {
     bottom: 43px;
}
ul.entry-meta {
     text-align: left;
}
.btn-primmary{
     background-color: #ba8f95;
     padding: 10px 30px;
     font-size: 16px;
     font-family: 'Roboto Slab', serif;
     font-weight: 700;
}
.btn.focus, .btn:focus, .btn:hover {
     color: #ffffff;
}
#commentform #comment {
     padding-left: 10px;
     margin-top: 10px;
}
.widget_search .search-form input[type="submit"], .widget_search input[type="submit"] {
     font-family: 'Roboto Slab', serif;
     font-weight: 700;
}
.widget_search .search-form input[type="search"], .widget_search input[type="search"] {
     padding: 0 40px;
}
.main-content.blog-w.rap,.main-content.container.blog-wrap.single-blog {
     margin-top: 80px;
}
.text-muted{
}
.text-primary{
    color: #00a885 !important;
    ;
}
.text-finence{
    color:#13A0B2 !important;
    ;
}
.text-mega{
    color:#00a885 !important;
    ;
}
.text-white{
    color:#fff !important;
    ;
}
.text-black{
    color:#000 !important;
}
.text-warning{
}
.text-danger{
}
.disabled{
     cursor: not-allowed;
}
.bg-primary{
    background-color: #00a885;
}
.bg-finence{
    background-color:#13A0B2;
}
.bg-mega{
    background-color:#1b1b1b;
}
.bg-grey{
    background-color: #f5f5f5;
}
.bg-black{
    background-color: #222222;
}
.bg-white{
    background-color: #fff;
}
.m-top-20 {
     margin-top: 20px;
}
.p-top-80 {
     padding-top: 5.714rem;
}
.m-top-20 {
     margin-top: 20px;
}
.m-top-30 {
     margin-top: 30px;
}
.m-bottom-30 {
     margin-bottom: 30px;
}
.widget_latst_item_text p{
     margin-bottom: 0px;
     color:#aaaaaa;
}
.widget_service li i,.widget_latst_item_text a{
     font-size:12px;
     color:#aaaaaa;
}
.widget_newsletter li a:hover i,.widget_latst_item_text:hover p,.widget_service li:hover,.widget_service li:hover i{
     color:#fff;
}
.widget_ab_item .item_icon,.widget_latst_item .item_icon{
     float: left;
     width: 20%;
     display: inline-block;
     margin-right: 15px;
}
.widget_ab_item .widget_ab_item_text,.widget_latst_item .widget_latst_item_text {
     display: inline-block;
     width: 70%;
}
.action_btn .btn-default:hover{
     background-color: #fff;
     color:#781524;
}
.action-lage{
     position: relative;
     width:100%;
}
/*Footer section*/
.divider{
     width:100%;
     height: 1px;
     background-color: #434769;
     display: inline-block;
}
.widget_ab_item_text h6{
     margin-bottom:5px;
}
.widget_item h5{
     font-weight: 700;
}
.widget_item .btn:hover{
     background-color: #781524;
}
.widget_item li a{
     color:#aaa;
}
.widget_item li a:hover{
     color:#fff;
}
.widget_latst_item_text p{
     margin-bottom: 0px;
     color:#aaaaaa;
}
.widget_service li i,.widget_latst_item_text a{
     font-size:12px;
     color:#aaaaaa;
}
.widget_service li i{
     margin-right: 5px;
}
.widget_service li{
     font-size:13px;
     border-bottom: 1px dashed #aaa;
     padding-bottom: 10px;
}
.widget_newsletter .form-inline .form-group{
     display: block;
}
.widget_newsletter .form-control{
     width:80%;
     height: 40px;
     background-color: #1a1a1a;
     border-color:#333333;
     display: inline-block;
}
.widget_newsletter .btn{
     width: 20%;
     padding: 0.65rem 1.2rem;
     background-color: #ba8f95;
     border-color:#ba8f95;
     color:#fff;
     border-radius: 0;
     margin-left:-4px;
     display: inline-block;
}
.widget_brand a{
     font-size:30px;
     font-weight: 800;
     color:#aaa;
}
.widget_newsletter li a i{
     color:#aaa;
}
.widget_newsletter li a:hover i,.widget_latst_item_text:hover p,.widget_service li:hover,.widget_service li:hover i{
     color:#fff;
}
.widget_ab_item .item_icon,.widget_latst_item .item_icon{
     float: left;
     width: 20%;
     display: inline-block;
     margin-right: 15px;
}
.widget_ab_item .widget_ab_item_text,.widget_latst_item .widget_latst_item_text {
     display: inline-block;
     width: 70%;
}
.widget_ab_item .item_icon{
     float: left;
     width: 10%;
     display: inline-block;
     margin-right: 15px;
}
.widget_ab_item .widget_ab_item_text {
     display: inline-block;
     width: 80%;
}
.widget_newsletter .form-inline .form-group{
     display: block;
}
.widget_newsletter .form-control{
     width:80%;
     height: 40px;
     background-color: #1a1a1a;
     border-color:#333333;
     display: inline-block;
}
.widget_newsletter .btn{
     width: 20%;
     padding: 0.65rem 1.2rem;
     background-color: #ba8f95;
     border-color:#ba8f95;
     color:#fff;
     border-radius: 0;
     margin-left:-4px;
     display: inline-block;
}
.widget_brand a{
     font-size:30px;
     font-weight: 800;
     color:#aaa;
}
.widget_newsletter li a i{
     color:#aaa;
}
.main_footer i {
     padding: 0px 5px;
     color: #ba8f95;
}
.main_footer a {
     color: #ddd;
     padding: 5px;
}
.login-frame {
     height: 400px;
     margin-top: 30px;
     margin-bottom: 70px;
}
section#subintro {
     width: 100%;
     color: #fff;
     height: auto;
     margin: 0 auto;
     padding: 0;
     margin-top: 80px;
}
section#subintro {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
     margin-top: 0;
     padding-top: 0;
     margin-bottom: 20px;
}
section#subintro {
     padding-left: 20px;
     padding-right: 20px;
     margin-top: 0;
     margin-left: -20px;
     margin-right: -20px;
}
/* Subhead (other pages)------------------------- */
.subhead {
     text-align: left;
     margin: 0 0 20px 0;
     padding: 35px 0 10px 0
}
.subhead h3 {
     color: #fff;
     margin: 0;
     padding: 0;
}
.subhead p {
     padding: 0;
     margin: 0;
}
.subhead .navbar {
     display: none;
}
.subhead .form-search {
     float: right;
     margin: 15px 0 0 0;
     padding: 0;
}
/* Blog */
aside {
     padding: 20px 15px 0 15px;
     margin: 0 0 30px 0;
     border: 1px solid #e6e6e6;
     -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
     -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
     box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
aside .widget {
     margin-bottom: 30px;
}
aside .widget ul {
     list-style: none;
     margin-left: 0;
}
aside .widget ul li {
     border-bottom: 1px dotted #efefef;
     margin: 15px 0 0 0;
     padding-bottom: 5px;
}
aside .widget h4 {
     border-bottom: 1px solid #e5e5e5;
     padding-bottom: 10px;
     margin-bottom: 15px;
}
/* categories */
aside .widget ul.cat {
     list-style: none;
     margin-left: 0;
}
aside .widget ul.cat li {
     padding-left: 24px;
     background-image: url("../img/glyphicons-halflings.png");
     background-repeat: no-repeat;
     background-position: -456px -69px;
}
aside .widget ul.cat li a {
     color: #444;
}
aside .widget ul.cat li a:hover {
     text-decoration: none;
}
/* recent posts */
aside .widget ul.recent-posts li {
     overflow: hidden;
     display: inline-block;
}
aside .widget ul.recent-posts li a {
     color: #444;
     text-align: left;
}
aside .widget ul.recent-posts li a:hover {
     text-decoration: none;
}
aside .widget ul.recent-posts li span.date {
     float: left;
     font-size: 11px;
     margin-top: 10px;
}
aside .widget ul.recent-posts li span.comment {
     float: left;
     margin-left: 20px;
     font-size: 11px;
     margin-top: 10px;
}
/* tags */
aside .widget ul.tags li {
     display: inline;
}
aside .widget ul.tags li a {
     margin-bottom: 10px;
}
.spacer30 {
     margin-top: 30px;
}
.contactForm {
     margin:0 0 30px 0;
}
.comment-form label, .contactForm label{
     margin-bottom:10px;
     font-size:13px;
     font-weight:bold;
}
.comment-form input, .contactForm input{
     background:#fff;
     margin-bottom:20px;
     font-size:13px;
}
.comment-form input,.contactForm input{
     width:100%;
     height:30px;
}
.comment-form textarea, .contactForm textarea {
     margin-bottom:25px;
     font-size:13px;
     background:#fff;
     width:100%;
     padding-top:10px;
}
.contactForm .form-group {
     box-sizing: border-box;
     padding-right: 15px;
}
.after-header {
     height: 80px;
     background-color: #F2F2F2;
     margin-bottom: 20px;
     color: #812838;
     padding-top: 10px;
}
.social-links {
     list-style-type: none;
}
.social-links li {
     margin: 0 15px!important;
     display: inline;
}
/*new-style*/
.top-page{
     margin-top: 13rem;
     margin-bottom: 3rem;
}
.top-page h2{
     text-align: center;
     line-height: 1;
     margin-bottom: 1rem;
     font-weight: bold;
     border-bottom: 1px solid #ccc;
     margin-top: 4rem;
}
.top-page h5{
     text-align: center;
     line-height: 1;
     margin-bottom: 1rem;
     font-weight: bold;
     /* border-bottom: 1px solid #ccc; */
     margin-top: 4rem;
}
.books-list ul{
     text-align: left;
     line-height: 2;
}
.books-list ul li{
}
.books-list ul li i{
     font-size: 18px;
     color: #5cb265;
}
.books-list ul li a{
     padding-left: 2rem;
     line-height: 2;
     font-size: 10pt;
     color: #575757;
     font-weight: bold;
}
.top-page .thumbnail .caption{
     text-align: center;
     padding: 3rem;
}
.top-page .thumbnail .caption h4{
     line-height: 2;
     word-wrap: break-word;
}
 .top-page .thumbnail .caption a{
     color: #33708f;
     font-size: 18px;
     text-transform: capitalize;
}
.top-page .list-group{
     margin-top: 4rem;
}
.top-page .list-group #first-list{
     background: #ccc;
}
.top-page .list-group #all-list:hover {
     background: #06384b;
}
.top-page .list-group #all-list:hover a {
     color: #fff;
}
.top-page .list-group #all-list:hover i {
     color: #fff;
}
.top-page .list-group i{
     margin-right: 1rem;
}
.top-page button{
     margin-top: 1rem;
}
.pub-details button{
     display: table;
     margin: 0 auto;
     margin-top: 1rem;
}
.pub-details .list-group{
     text-align: left;
}
.pub-details p{
     line-height: 2;
     word-break: break-word;
}
.pub-details .card{
     margin-top: 2rem;
     margin-bottom: 2rem;
}
.pub-details .card .card-body{
     padding: .5rem 1rem 2rem 1rem;
     border: 1px solid #ddd;
     text-align: left;
}
.pub-details .card .card-body ul{
     text-align: left;
}
.pub-details .card .card-header{
     background-color: rgba(0,0,0,.03)
}
 .pub-details .card .card-header a.active{
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff;
}
.pub-details .card .card-header a:focus{
     color: #ba8f95;
     background-color: #333;
     border-color: #dee2e6 #dee2e6 #fff;
}
.card-title{
     text-align: left!important;
}
.card-body .btn{
     margin-right:80rem;
}
.card-body .list-group {
     margin-top: 0!important;
}
.card-body .list-group li::before{
     content: "\2022";
     color: #039;
     position: relative;
     left: -.4rem;
}
.card-body .list-group .list-group-item{
     text-align: left;
     border: none;
}
.card-body h3{
     text-align: left;
}
.bot-list{
     margin-top: 2rem;
}
#second-body{
     display: none;
}
#third-body{
     display: none;
}
.jorn-list .card {
     margin-top: 4rem;
}
.jorn-list .card .card-title{
     font-size: 18px;
     font-weight: bold;
}
.jorn-list .card .card-text{
     line-height: 2;
}
.jorn-list .links ul{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content:space-between;
     align-items: center;
     align-content: center;
}
.jorn-list .links ul li a{
     line-height: 2;
     font-size: 15px;
     font-weight: bold;
}
.dash{
     margin:10rem 0 5rem 0;
     min-height: 400px;
}
.dash .breadcrumb{
     padding: 0;
     background-color: rgba(0,0,0,.03);
     border-bottom: 1px solid #ddd;
}
.dash .breadcrumb li.active a{
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff;
     font-size: 18px;
}
.dash .breadcrumb a{
     color: #495057;
     font-size: 18px;
}
.dash form{
     margin:1rem;
}
.dash button{
     display: table;
     margin: 0 auto;
}
.thumb .caption {
     text-align: left;
     line-height: 2;
}
.pub-details .download{
     position: relative;
     height: 50px;
     width: 50px;
     border-radius: 50%;
     border:1px solid #ccc;
}
.pub-details .download span{
     position: absolute;
     top: 25%;
     left: 34%;
}
#downlist{
     margin-top: 1rem;
}
.left-list{
     border-right: 1px solid #ccc;
}
.left-list li{
     margin-bottom: 1rem;
}
.left-list span{
     margin-right: 1rem;
     background: #333;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     float: right;
     text-align: center;
     color: #fff;
}
.right-list{
     line-height:2;
}
.book-det{
     padding-left: 2rem;
}
.book-det p{
     line-height: 2;
     font-size: 18px;
}
.auth-left{
     border-right: 1px solid #ccc;
}
.explan nav {
     border-top: 1px solid;
     font-size: 18px;
     font-weight: bold;
}
.current{
     background: #5bc0de!important;
     color: #fff;
     padding: 1rem;
}
#general-side li a{
     font-weight: bold;
     color: #473b76;
}
.dash h3{
     border-bottom: 1px solid #ccc;
     color: #06384b;
     font-weight: bold;
}
.dash table{
     border-top: 1px solid #ccc;
     margin: 1rem 0 1rem 0;
}
.dash table thead{
     background: #333;
     color: #ffff;
}
.dash .show-form{
     padding: 2rem;
     margin-bottom: 1rem;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
/*dash-card*/
 .article{
     margin:10rem 0 5rem 0;
     min-height: 400px;
}
 .article h3{
     border-bottom: 1px solid #ccc;
     color: #06384b;
     font-weight: bold;
}
.article .panel-default{
     padding-left: 24rem;
}
.article .panel-default a{
     font-size: 18px;
     font-weight: bold;
     color: #638375;
}
.article h4{
     background: #fff;
     width: 30%;
     margin-bottom: 0;
     margin-left: 3rem;
     border: 1px solid #ddd;
     padding: 1rem;
     text-align: center;
}
.article .card-body{
     padding: .75rem 1.25rem;
     margin-bottom: 3rem;
     background-color: #fff;
     border: 1px solid rgba(0,0,0,.125);
}
 .article .text p{
     margin-bottom: 1.5rem;
}
 .article .text p strong{
     color: #06384b;
}
 .article .review{
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0,0,0,.03);
     border-bottom: 1px solid rgba(0,0,0,.125);
}
 .article .comment{
     padding: .75rem 2.25rem;
     background-color: #fff;
     border: 1px solid rgba(0,0,0,.125);
}
 .article .show-form{
     padding: 2rem;
     margin-bottom: 1rem;
     border: 1px solid #ccc;
}
.article .attach{
     margin-bottom: 2rem;
}
.wrapper {
     display: table;
     margin: 0 auto;
     height: auto;
     background: #FDFEFF;
     transition: background .6s ease;
     border-radius: 10px;
     padding: 20px 20px 20px 20px;
     box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
}
.wrapper .profile:after {
     width: 100%;
     height: 1px;
     content: ' ';
     display: block;
     margin-top: 1.3em;
     background: #E9EFF6;
}
.wrapper .profile .thumbnail {
     width: 124px;
     height: 124px;
     display: flex;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.5em;
     border-radius: 100%;
     box-shadow: 0 13px 26px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}
.wrapper .profile .name {
     color: #2D354A;
     font-size: 24px;
     font-weight: 600;
     text-align: center;
}
.wrapper .profile .title {
     color: #7C8097;
     font-size: .75em;
     font-weight: 300;
     text-align: center;
     padding-top: .5em;
     padding-bottom: .7em;
     letter-spacing: 1.5px;
     text-transform: uppercase;
}
.wrapper .profile .description {
     color: #080911;
     font-size: 14px;
     font-weight: 300;
     text-align: center;
     margin-bottom: 1.3em;
}
.wrapper .social-icons .icon p {
     color: #666B7D;
     font-size: 12px;
}
.wrapper a.btn{
     display: table;
     margin: 0 auto
}
/*dash-card*/
#journalmenu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
    border-left: 1px solid #ccc;
}
#journalmenu ul li:first-child{
     border-left:1px solid #CCC;
}
#journalmenu ul li{
     width: 50%;
     float:left ;
     padding:1rem;
     border:1px solid #CCC;
     border-width: 1px 1px 1px 0px;
     background-color: #f9f9f9;
}
#journalmenu ul li:hover{
     background-color: #f5f5f5;
}
#journalmenu ul li a{
     color: #333;
}
#register .login,.personal,.favor{
     border: 1px solid #f4f4f4;
     padding: 1rem;
     margin-bottom: 1rem;
}
#register h3{
     font-weight: bold;
     font-size: 14px;
     background: #f2f2f2;
     color: #06384b;
     padding: .5rem;
}
#register .form-group {
     margin-bottom: 3rem;
}
#register .form-control {
     display: inline-block;
     width: 50%;
     height: 34px;
     padding: 6px 12px;
     float: right;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.invalid-feedback{
     color: red;
     font-size: 13px;
}
.add-article{
     margin: 12rem 0 2rem 0;
     min-height: 400px;
}
.stepwizard-step p {
     margin-top: 10px;
}
.stepwizard-row {
     display: table-row;
}
.stepwizard {
     display: none;
     width: 50%;
     position: relative;
}
.stepwizard-step button[disabled] {
     opacity: 1 !important;
     filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
     top: 14px;
     bottom: 0;
     position: absolute;
     content: " ";
     width: 100%;
     height: 1px;
     background-color: #ccc;
     z-order: 0;
}
.stepwizard-step {
     display: table-cell;
     text-align: center;
     position: relative;
}
.btn-circle {
     width: 30px;
     height: 30px;
     text-align: center;
     padding: 6px 0;
     font-size: 12px;
     line-height: 1.428571429;
     border-radius: 15px;
}
select.article-select{
     width: 100%;
     padding: 1rem;
}
.add-article .alert{
     width: 50%;
     display: table;
     margin: .5rem auto;
}
#button{
     display: table;
     margin: 0 auto;
}
.journal-btn button{
     background: #333;
     border: none;
     color: #fff;
}
.journal-btn button:hover{
     background: #dd4b42;
     color: #fff;
}
.journal-btn .btn-toolbar{
     margin-left: 1rem;
     margin-top: 1.3rem;
}
.journal-btn ul {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: start;
     align-items: center;
     align-content: center;
}
.journal-btn ul li{
     margin-right: 1rem;
     margin-bottom: 2rem;
}
.journal-btn ul li a{
     padding: 1rem;
     background: #333;
     border: none;
     color: #fff;
}
.journal-btn ul li a:hover{
     background: #dd4b42;
     color: #fff;
}
.login-links {
     display: table;
     margin: 1rem auto;
}
.login-links a{
     margin-right: 2rem;
     font-size: 15px;
     font-weight: bold;
}
#login-tool{
     display: table;
     margin: 0 auto;
}
#login-tool button{
     background: #333;
     color: #fff;
}
#login-tool button:hover{
     background: #dd4b42;
     color: #fff;
}
.login-form button.btn-lg {
     width: 50%;
     display: table;
     margin: 0 auto;
}
.dash .data{
     border: 1px solid #5bc0f2;
}
.dash .text{
     font-weight: bold;
}
.dash #update-info{
     margin: 0 auto;
     display: table;
     font-size: 18px;
}
.dash .text, .data{
     margin: 1rem 0 1rem 0;
     line-height: 2;
}
.profil-details {
     margin: 1rem 0 1rem 0
}
 .btn-toolbar .btn-group div{
     background: #333;
     color: #fff;
     padding: 1rem;
}
/* preview style*/
#previewOverlay {
     width: 100%;
     height: 100%;
     position: relative;
     top: 0;
     left: 0;
     background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
     */
}
#previewBox {
     background: #333;
     width: 460px;
     height: 500px;
     position: fixed;
     left: 50%;
     top: 33%;
     margin: -130px 0 0 -230px;
     border: 1px solid rgba(33, 33, 33, 0.6);
     -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
     -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
     box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
     overflow:scroll;
     z-index: 10005!important;
}
#previewBox h1 {
     color: #333;
     text-align: center;
     font-size: 14px;
     font-weight: bold;
     background: #fff;
     padding: 1rem;
     margin-top: 0;
}
#previewBox p {
     background: none;
     font-size: 16px;
     line-height: 1.4;
     padding: 1rem 0 0 1rem;
     color: #fff;
}
#previewButtons {
     padding: 15px 0 25px;
     text-align: center;
}
#previewBox .button {
     display: inline-block;
    /* background: url(buttons.png) no-repeat;
     */
     color: white;
     position: relative;
     height: 33px;
     font: 17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
     margin-right: 15px;
     padding: 0 35px 0 40px;
     text-decoration: none;
     border: none;
}
#previewBox .form_no {
     background-position: -200px top;
     text-shadow: 1px 1px 0 #707070;
}
#previewBox .form_yes {
     background-position: left top;
     text-shadow: 1px 1px 0 #5889a2;
     margin-right: 2rem;
}
.agree{
     text-align: center;
}
.last-btn{
     width: 50%;
     display: table;
     margin: 0 auto;
}
.show-form button{
     display: table;
     margin: 0 auto;
}
/* articleslist */
.article-list .panel-body{
     line-height: 2;
}
.article-list .panel-body .bot-link a{
     font-size: 20px;
     margin-right: 2rem;
     color: #fff;
     background: #638375;
     padding: 1rem;
     border: 1px solid #ddd;
}
.article-list .panel-body .bot-link a:hover{
     background: transparent;
     color: #333;
     border: 1px solid #ddd;
}
.article-list .panel-body .bot-link p.page-num{
     float: right;
}
h3.first-tittle{
     padding: 2rem 0 0 0;
}
.authors h5{
     /* border-bottom: 3px solid #333; */
     width: 100%;
     line-height: 1.5;
     text-align: left;
}
.number span{
     border-radius: 50%;
     border: 2px solid #eee;
     background: #ffffff;
     padding: 1rem;
     margin-right: 2rem;
}
ul.key-list{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: center;
     align-content: center;
     margin-bottom: 1rem;
}
ul.key-list li{
     background: #638375;
     padding: 1rem;
     flex-basis: 25%;
     color: #fff;
}
ol.order{
     padding: 2rem;
}
.text{
     padding: 1rem 0 0 0;
}
.text span{
     margin-right: .5rem;
}
.issue{
     border-bottom: 2px solid #333;
     padding: 10px;
     margin-bottom: 0;
}
.authors .right{
     border-left: 1px solid #ccc;
}
.article-list .panel-default{
     border-right: none;
     border-left: none;
}
a.art-tiitle{
     font-weight: bold;
     font-size: 18px;
}
#accordionExample .card-header{
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0,0,0,.03);
     border-bottom: 1px solid rgba(0,0,0,.125);
     background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#e5e5e5));
}
#accordionExample button{
     font-size: 20px;
}
#accordionExample h5{
     text-align: left;
     border: none;
     margin-top: 0;
}
.artvol-panel p, strong{
     display: inline-block;
     line-height: 2;
}