html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; font-family: "EB Garamond";}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/*******Header css********/
#header{}
.container{max-width:700px;}
#banner-sec{ margin:70px auto 0 auto;}

.logo-top{ margin:10px auto; float:none; display:block; text-align:center;}
.top-nav{ text-align:center;}
.top-nav ul li a{font-size:20px; color: #666; padding:10px 27px;}
.top-nav ul li a:hover, .top-nav ul li a:focus{color:#ff6fcf;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:#e22c14 !important; color:#fff;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ color:#ff6fcf;}
#logo-sec{}
.navbar-toggle{ border:1px solid #dbdbb9;}
.icon-bar{ background:#dbdbb9;}
#menu-primary .current_page_item a{color:#ff6fcf;}

#menu-primary .current_page_item a ul.current_page_item a{background:#f90 !important; color:#fff; border-radius:0px !important;}

.dropdown-menu .current_page_item a{ background:#f90 !important;}

.ms-slide-info .ms-info h5{color:#fff; font-weight:bold; background:rgba(0,0,0,0.4); display:inline-block; padding:5px 20px;}
.ms-slide-info.ms-dir-h{width:35% !important;}

/***********Pagination Css**********/
.custom-pagination span, .custom-pagination a {display: inline-block; padding: 5px 10px; border-radius:3px; text-decoration:none !important;}
.custom-pagination a { background-color: #ebebeb;color: #b82b25;}
.custom-pagination a:hover { background-color: #b82b25;color: #fff;}
.custom-pagination span.page-num {margin-right: 10px; padding: 0;}
.custom-pagination span.dots {padding: 0;color: #b82b25; font-weight:bold;}
.custom-pagination span.current {background-color: #b82b25;color: #fff;}

/***********Content CSS***********/
.content-sec-common{ margin:30px auto;}
.content-sec-common p{ font-size: 17px; color: #000; margin:10px 0; line-height:25px;}
.content-sec-common p span{ color:#ff6fcf; font-size:20px !important;}
.content-sec-common p a{color: #ff6fcf;}
.content-sec-common p strong{font-weight:bold;}
.content-sec-common h2{font-size: 20px; margin:20px 0; font-weight:bold;}
.content-sec-common h3{font-size: 18px; color: #666; margin:15px 0; font-weight:bold;}


.progressTbl{ margin:30px 0;}
.progressTbl>tbody>tr>td, .progressTbl>tbody>tr>th, .progressTbl>tfoot>tr>td, .progressTbl>tfoot>tr>th, .progressTbl>thead>tr>td, .progressTbl>thead>tr>th{ padding:4px 15px !important;}
.progressTbl th {background: #6f6953;color:#d4d6ab;font-size: 18px;line-height: 22px;font-weight: normal;}
.progressTbl td { background: #272111; font-size: 13px; color: #b8b694;}
.fun-clr{ color:rgb(205, 110, 0) !important; font-weight:bold;}
.act-clr{color:rgb(22, 171, 44) !important; font-weight:bold;}
.opr-clr{color:rgb(171, 44, 3) !important; font-weight:bold;}

.donate-btn { text-align: center;  display: block;  margin: 0px; cursor: pointer;  color: #fff; transition: ease-in-out 0.3s; background: url("../images/donate-4.png") no-repeat center; height: 90px;  width: auto; text-decoration: none;}
.donate-btn:hover, .donate-btn:focus { text-align: center;  display: block;  margin: 0px; cursor: pointer;  color: #fff; transition: ease-in-out 0.3s; background: url("../images/donate-4.png") no-repeat center; height: 90px;  width: 100%; text-decoration: none;}

.work-box{ margin:20px 0;}
.work-box h5{ margin:10px 0 0px 0; min-height:35px; text-align:center;}
.work-box img{ width:100%; margin:0px auto 10px auto; height:200px; outline:1px solid #ccc; outline-offset:3px;}
.work-box p{ margin:0px 0 0px 0; text-align:center; min-height:50px;}

#inner-work-sec{ margin-top:100px !important;}
.work-box-inner{}
.work-box-inner h2 { font-size:15px; margin:10px 0;}
.work-box-inner h2 a{ text-align:center; margin:10px 0px; color:#222 !important; display:block;}
.work-box-inner img{width:100%; margin:0px auto 10px auto; height:auto; outline:1px solid #ccc; outline-offset:3px;}
.work-box-inner p{margin:0px 0 5px 0; text-align:center;}

.sidebar-news{ margin:20px auto 15px auto;}
.video-sec h2{ margin-bottom:0px;}
.video-sec p{ margin-top:5px; font-size:13px; line-height:16px;}
.sidebar-news h3{ margin:15px 0 0px 0; font-weight:bold; font-size:17px; line-height:18px; color:#000;}
.sidebar-news p{ margin:5px 0; font-size:13px; line-height:16px;}

.news-box{ margin:0px auto 20px auto; border-bottom:1px solid #ccc; padding-bottom:20px;}
.news-box img{ width:100%; height:auto; float:none; margin:10px auto; display:block;}
.news-box h2{color:#000;}
.img-boxed img{ margin-bottom:20px;}

.blg-main{}
.blg-box{ margin: 0px auto 20px auto; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.blg-box img{ width:100%; height:auto; float:none; margin:0px auto; display:block;}
.blg time{color:#fff !important;}
.blg h2{ color:#fff !important;}
.blg p{ margin:10px 0;}
.x-btn{color:#fff;}

.item {display: inline-block;width: 100%;}
.well {position:relative;display: block; margin-bottom:0px; margin-top:40px;}
.nav>li>a:focus, .nav>li>a:hover{background-color:#f9e7f3;}

/*******Footer css********/
#footer-sec{}
#footer-sec p{font-size: 16px;  line-height: 18px; color: #000; margin:20px 0;}
#footer-sec p a{color: #97865c;}
#footer-sec p a:hover{ text-decoration:underline;}
#footer-sec span.lead{color:#76663e; font-size: 13px;  line-height: 18px; margin:20px 0; display:block;}


/*******media queries********/

@media only screen and (max-width : 1200px) {}
@media only screen and (max-width : 1024px) {}
@media only screen and (max-width : 999px) {}
@media only screen and (max-width : 768px) {.navbar-nav .dropdown-menu .caret {transform: rotate(-90deg);}}
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 320px) {}