@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&subset=latin,cyrillic);

body {
    margin: 0;
    padding: 0;
    font: 400 14px/22px "Open Sans", sans-serif;
}
a {
    color: #003c1a;
    text-decoration: none;
}
a:hover, a:focus {
    color: #87c174;
    text-decoration: none;
}
.theme-style-1 h1 {
    font: 700 36px/36px 'Ubuntu', serif;
    text-transform: capitalize;
    margin: 0;
}
.theme-style-1 h2 {
    font: 400 40px/40px 'Ubuntu', serif;
    text-transform: capitalize;
    color: #222;
    margin: 0 0 10px 0;
}
.theme-style-1 h4 {
    font: 700 20px/20px 'Ubuntu', serif;
    color: #222;
    margin: 0 0 15px 0;
}
.theme-style-1 h4 a {
    color: #222;
    text-decoration: none;
}
.theme-style-1 .heading-style-1 h2 {
    text-align: center;
}
.theme-style-1 .heading-style-2 {
    position: relative;
}
.theme-style-1 .heading-style-2 h2 {
    text-align: left;
    margin: 0 0 30px 0;
}
.theme-style-1 .heading-style-2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    border-bottom: 3px solid;
}
.theme-style-1 .heading-style-3 {
    position: relative;
}
.theme-style-1 .heading-style-3 h2 {
    text-align: center;
    border-bottom: 1px solid #ccc;
    display: table;
    margin: 0 auto 20px;
    padding: 0 30px 18px 30px;
}
.theme-style-1 .heading-style-3:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 57px;
    background-color: #fff;
    height: 12px;
}
.theme-style-1 .heading-style-4 {
    position: relative;
}
.testimonials-heading {
    float: left;
    width: 100%;
}
.testimonials-heading h2 {
    margin: 0 0 16px 0;
}
.theme-style-1 strong.heading-title {
    font: 600 20px/20px 'Ubuntu', serif;
    color: #333;
    text-align: center;
    text-transform: capitalize;
    display: block;
    padding: 0 0 10px 0;
}
.theme-style-1 .heading-style-4 h2 {
    text-align: center;
    display: table;
    margin: 0 auto 60px;
}
.theme-style-1 .heading-style-4:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    margin: auto;
    width: 100%;
    background: url("../images/heading-4-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/heading-4-bg.png*/
    
    ) no-repeat center bottom;
    height: 23px;
}
.theme-style-1 .heading-style-3 ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    display: block;
    width: 65px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    padding: 0 5px;
    background-color: #fff;
}
.theme-style-1 .heading-style-3 ul li {
    float: left;
    margin: 0 2px;
}
.theme-style-1 .heading-style-3 ul li.bullet-1 {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: block;
}
.theme-style-1 .heading-style-3 ul li.bullet-2 {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: block;
    margin-top: -1px;
}
.theme-style-1 .heading-style-3 ul li.bullet-3 {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    display: block;
    margin-top: -3px;
}
.theme-style-1 .heading-style-5 {
    position: relative;
    display: table;
    margin: 0 auto;
}
.theme-style-1 .heading-style-5 h2 {
    text-align: center;
    border-bottom: 1px solid #666;
    padding: 0 0 11px 0;
    position: relative;
}
.theme-style-1 .heading-style-5:before {
    content: '';
    position: absolute;
    left: -20px;
    right: 0;
    bottom: 10px;
    margin: auto;
    border-bottom: 1px solid #ccc;
    width: 220px;
    padding: 0 80px;
}
.theme-style-1 .heading-style-6 {
    position: relative;
    float: left;
    width: 100%;
}
.theme-style-1 .heading-style-6 h2 {
    float: left;
    font-size: 32px;
}
.theme-style-1 .heading-style-7 {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.theme-style-1 .heading-style-7:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #ccc;
    width: 150px
}
.theme-style-1 .heading-style-7:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 3px solid;
    width: 50px
}
.theme-style-1 h3 {
    font: 400 24px/24px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
.theme-style-1 h3 a {
    font: 400 20px/20px 'Ubuntu', serif;
    text-decoration: none;
    color: #222;
}
.theme-style-1 h3 a:hover {
    text-decoration: none;
}
.theme-style-1 p {
    font: 400 14px/22px "Open Sans", sans-serif;
    color: #666;
    margin: 0;
}
.theme-style-1 strong.title {
    font-family: 'Ubuntu', serif;
    display: block;
    padding: 0;
}
.theme-style-1 a.btn-1 {
    border: 4px solid rgba(0, 0, 0, 0);
    padding: 4px;
    display: table;
    margin: 0 auto;
    padding: 12px 20px;
    font: 600 14px/14px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: 1px solid;
}
.theme-style-1 a.btn-1:hover {
    color: #fff;
    text-decoration: none;
    border: 4px solid rgba(0, 0, 0, 0.3);
}
.theme-style-1 a.btn-1 .fa {
    padding: 0 0 0 5px;
}
.theme-style-1 a.btn-2 {
    display: table;
    margin: 0 auto;
    padding: 14px 20px;
    border-radius: 5px;
    font: 700 16px/16px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}
.theme-style-1 a.btn-2:hover {
    color: #fff;
    text-decoration: none;
}
.theme-style-1 a.btn-2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 5px;
}
.theme-style-1 a.btn-2:hover:before {
    width: 100%;
}
.theme-style-1 a.btn-3 {
    display: table;
    margin: 0 auto;
    padding: 12px 30px;
    border-radius: 20px;
    border: 1px solid #ccc;
    font: 400 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    clear: both;
    position: relative;
    background-color: #fff;
}
.theme-style-1 a.btn-3:before {
    content: '';
    position: absolute;
    left: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-3-before-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-before-bg.png*/
    
    ) no-repeat left center;
    width: 120px;
    height: 7px;
}
.theme-style-1 a.btn-3:after {
    content: '';
    position: absolute;
    right: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-3-after-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-after-bg.png*/
    
    ) no-repeat left center;
    width: 120px;
    height: 7px;
}
.theme-style-1 a.btn-3:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.theme-style-1 a.btn-4 {
    display: table;
    margin: 0 auto;
    padding: 12px 30px;
    border-radius: 18px;
    border: 1px solid #ccc;
    font: 400 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    clear: both;
    position: relative;
    background-color: #fff;
}
.theme-style-1 a.btn-4:before {
    content: '';
    position: absolute;
    left: -79px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-4-before-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-before-bg.png*/
    
    ) no-repeat left center;
    width: 69px;
    height: 40px;
}
.theme-style-1 a.btn-4:after {
    content: '';
    position: absolute;
    right: -79px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-4-after-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-after-bg.png*/
    
    ) no-repeat left center;
    width: 69px;
    height: 40px;
}
.theme-style-1 a.btn-4:hover {
    text-decoration: none;
    color: #222;
}
.theme-style-1 a.btn-5 {
    padding: 13px 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
    font: 700 12px/12px 'Ubuntu', serif;
    color: #666;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}
.theme-style-1 a.btn-5 .fa {
    padding: 0 0 0 5px;
}
.theme-style-1 a.btn-5:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.4);
    background-color: #09502e;
}
.theme-style-1 a.btn-7 {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 12px 19px;
    display: table;
    margin: 0 auto;
    font: 700 12px/12px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
}
.theme-style-1 a.btn-7:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.theme-style-1 a.btn-8 {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 12px 19px;
    display: table;
    margin: 0 auto;
    font: 700 12px/12px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
}
.theme-style-1 a.btn-8 .fa {
    padding: 0 0 0 5px;
}
.theme-style-1 a.btn-8:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.theme-style-1 .btn4-border {
    border: 1px solid #ccc;
}
#wrapper {
    width: 100%;
    position: relative;
}
#wrapper.boxed {
    margin: 0 auto;
    width: 1200px;
}
#header {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
}
#wrapper .bg-none {
    background: url("../images/banner-pattren.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/banner-pattren.gif*/
    
    ) repeat;
}
#header .store-head {
    padding: 0;
}
#header .store-head .eco-logo-box {
    padding: 10px 0 0 0;
    margin: 0 auto;
    display: block;
    width: 100%;
}
#header .store-head strong.eco-logo a span {
    color: #222;
}
.store-head .topbar-address ul li {
    color: #666;
}
.store-head .topbar-address ul li a {
    color: #666;
}
#wrapper .header7-bg {
    background-color: #fff;
}
.islamic-head .topbar-nav ul li a,
.islamic-head .login-bar ul li a {
    color: #fff;
}
.islamic-head .topbar-nav ul li,
.islamic-head .login-bar ul li {
    border-color: #fff;
}
.politics-head .topbar-nav ul li a,
.politics-head .login-bar ul li a {
    color: #fff;
}
.politics-head .topbar-nav ul li,
.politics-head .login-bar ul li {
    border-color: #fff;
}
.header7-bg .topbar-nav ul li a,
.header7-bg .login-bar ul li a {
    color: #fff;
}
.header7-bg .topbar-nav ul li,
.header7-bg .login-bar ul li {
    border-color: #fff;
}
.header7-bg #nav li a {
    color: #666;
}
.header7-bg #nav li:hover>a {
    color: #ccc;
}
.header7-bg .navbar-collapse {
    padding: 0;
}
.header7-bg #nav {
    border-top: 1px solid #e1e1e1;
}
.header-topbar {
    float: left;
    width: 100%;
    padding: 7px 0 4px 0;
    background-color: #09502e;
    border-bottom: 1px solid #e1e1e1;
}
.cart-area {
    float: left;
    width: 100%;
    padding: 12px 0;
    margin: 20px 0 0 0;
}
.cart-area a.like {
    float: right;
    padding: 8px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 6px 0 0 0;
}
.cart-outer {
    float: right;
    margin: 0 5px 0 20px;
}
.cart-outer strong.amount {
    display: block;
    text-align: center;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.cart-box {
    float: right;
    border-bottom: 2px solid;
    border-top: 2px solid;
    padding: 6px 9px;
    position: relative;
    background-color: #fff;
    margin: 0 0 6px 0;
}
.cart-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 43px;
    border-left: 2px solid;
    transform: rotate(7deg);
}
.cart-box:after {
    content: '';
    position: absolute;
    right: 0;
    top: -1px;
    height: 43px;
    border-right: 2px solid;
    transform: rotate(-7deg);
}
.cart-box a.count {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: block;
    font: 400 12px/28px "Open Sans", sans-serif;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.cart-box a.count:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin: auto;
    border: 2px solid;
    width: 25px;
    height: 10px;
    border-radius: 100% 100% 0 0;
}
.topbar-nav {
    float: left;
    width: 100%;
}
.topbar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.topbar-nav ul li {
    float: left;
    line-height: 18px;
    padding: 0 12px;
    border-left: 1px solid #fff;
}
.topbar-nav ul li:first-child {
    border: 0;
    padding: 0 12px 5px 0;
}
.topbar-nav ul li a {
    font: 400 14px/22px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
}
.topbar-nav ul li a:hover {
    text-decoration: underline;
}
.login-bar {
    float: left;
    width: 100%;
}
.login-bar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
.login-bar ul li {
    float: left;
    line-height: 18px;
    padding: 0 12px;
    border-left: 1px solid #fff;
    font: 400 14px/22px "Open Sans", sans-serif;
}
.login-bar ul li:first-child {
    border: 0;
    padding: 0 12px 5px 0;
}
.login-bar ul li a {
    font: 400 12px/12px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
}
.login-bar ul li a .fa {
    padding: 0 6px 0 0;
}
.logo-row {
    float: left;
    width: 100%;
    background: #fff;
}
.topbar-address {
    float: right;
    width: 100%;
    margin: 30px 0;
}
.topbar-address ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
.topbar-address ul li {
    padding: 0 0 10px 0;
    font: 400 16px/16px "Open Sans", sans-serif;
    color: #666;
}
.topbar-address ul li .fa {
    padding: 0 10px 0 0;
}
.topbar-address ul li a {
    font: 400 16px/16px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
}
.logo-box {
    margin: 0 auto;
    width: 290px;
    overflow: hidden;
    display: block;
    padding: 19px 0 17px 0;
}
strong.logo {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 31px 0;
}
strong.logo a {
    display: block;
    text-align: center;
}
strong.logo a span {
    font-weight: 400;
}
strong.slogan {
    font: 300 12px/12px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
}
.logo-box-2 {
    margin: 0 auto;
    overflow: hidden;
    float: left;
    padding: 17px 0;
    width: 100%;
}
strong.logo-2 {
    float: left;
    width: 100%;
}
strong.logo-2 a {
    font: 800 40px/40px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: center;
}
strong.logo-2 a span {
    font-weight: 400;
}
strong.slogan-2 {
    font: 300 12px/12px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
}
.eco-logo-box {
    float: left;
    overflow: hidden;
    padding: 30px 0 0 0;
}
strong.eco-logo {
    float: left;
    margin: 8px 0 0 0;
    width: 100%;
}
strong.eco-logo a {
    font: 800 40px/40px 'Ubuntu', serif;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: center;
}
strong.eco-logo a span {
    font-weight: 400;
}
strong.eco-slogan {
    font: 400 12px/12px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #666;
    display: block;
    text-align: center;
}
.top-social {
    float: left;
    width: 100%;
    margin: 25px 0 0 0;
}
.eco-header .top-social {
    margin: 10px 0 0 0;
}
.top-social ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    float: left;
    width: 100%;

}
.top-social ul li {
    float: left;
    padding: 0 0 0 18px;
}
.top-social ul li:first-child {
    padding: 0;
}
.top-social ul li a {
    font-size: 16px;
    line-height: 16px;
    color: #666;
}
.eco-padding-none .top-form {
    float: none;
    display: block;
    clear: both;
}
.eco-padding-none span.tree {
    background: url("../../../user_upload_lg_radomyshel/logo/logo_tree.jpg"    
    ) no-repeat left top;
    width: 100px;
    height: 114px;
    margin: 0 0 0 30px;
    float: right;
    font: 700 16px/93px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.right-social-box {
    float: right;
}
.eco-header .topbar-nav ul li a,
.eco-header .login-bar ul li a {
    color: #fff;
}
.eco-header .topbar-nav ul li,
.eco-header .login-bar ul li {
    border-color: #fff;
}
.top-form {
    float: left;
    margin: 0;
    position: relative;
}
.top-form input[type="text"],.searchform input[type="text"] {
    float: right;
    width: 210px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 30px 3px 10px;
    margin: 0;
    font: 600 14px/14px "Open Sans", sans-serif;
    color: #666;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.searchform input[type="text"] {
    width: 100%;
    padding: 0 10px 3px 10px;
}
.searchform input.btn {
    width: 80%;
	margin-top: 10px;
}
.searchform {
    text-align: center;
}
.top-form input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.top-form input:-moz-placeholder {
    color: #666;
    opacity: 1;
}
.top-form input::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.top-form input:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.top-form button {
    position: absolute;
    right: 5px;
    top: 3px;
    background: none;
    border: 0;
    font-size: 14px;
    color: #666;
}
.eco-padding-none .top-social ul {
    margin: 29px 0 10px 0;
    float: right;
}
.navigation {
    float: left;
    width: 100%;
    position: relative;
}
.navigation .navbar-collapse {
    padding: 0;
}
.navigation .navbar .nav {
    background: none;
}
#wrapper .navigation a.btn-donate {
    font: 700 16px/16px "Open Sans", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    right: -185px;
    top: -23px;
}
.navigation .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    border: 0;
}
.navigation .navbar {
    border-radius: 0;
}
.navigation .navbar {
    border: 0;
    margin-bottom: 0;
    min-height: inherit;
}
#nav {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
#nav li {
    display: inline-block;
    position: relative;
}
#nav li:first-child {
    background: none;
}
#nav li a {
    font: 400 14px/52px "Open Sans", sans-serif;
    color: #fff !important;
    text-decoration: none;
    padding: 0 20px;
    display: block;
    position: relative;
    z-index: 20;
}
#nav li:hover>a {
    background: #333;
}
#nav li ul li a:hover,
#nav li ul li:hover>a {
    text-decoration: none;
    background: #333;
    color: #ccc;
}
#nav li ul li a .fa {
    float: right;
    line-height: 46px;
}
#nav li ul {
    position: absolute;
    left: inherit;
    left: 0;
    top: 100%;
    width: 250px;
    background: #222;
    padding: 0;
    display: none;
    list-style: none;
    z-index: 10;
}
#nav li:hover>ul {
    display: block;
}
#nav li ul li>ul {
    position: absolute;
    left: 220px;
    top: 0;
    width: 250px;
    padding: 0;
    z-index: 20;
}
#nav li ul li {
    float: none;
    width: auto;
    background: none;
    display: block;
    border-top: 1px solid #333;
}
#nav li ul li:first-child {
    border: 0;
}
#nav li ul li a {
    background: none;
    font: 400 14px/45px "Open Sans", sans-serif;
    text-align: left;
    padding: 0 20px;
    color: #222;
    display: block;
}
.navigation-2 {
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 9;
}
.navigation-2 #nav {
    float: left;
    text-align: left;
}
.navigation-2 .navbar-collapse {
    padding: 0;
}
.navigation-2 #nav li a {
    padding: 0 8px;
}
.navigation-2 .navbar-header {
    margin: 0;
}
.causes-header {
    background-color: #fff;
}
.causes-header .navigation .navbar-inverse .navbar-inner {
    background-color: #fff;
    box-shadow: none;
}
.causes-header .navigation .navbar .nav>li>a {
    color: #666;
}
.causes-header .navigation .navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color: #666;
}
.causes-header .navigation .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-bottom-color: #666;
    border-top-color: #666;
}
.causes-header .eco-logo-box {
    padding: 19px 0 17px 0;
}
.causes-header .navigation {
    margin: 17px 0 0 0;
}
.causes-header #nav li a {
    color: #666;
    padding: 0 16px;
}
.causes-header #nav {
    float: left;
}
.causes-header .navbar-collapse {
    padding: 0;
}
.causes-header #nav li:hover>a {
    color: #fff;
}
#wrapper .header7-bg .navbar-inverse .navbar-inner {
    background-color: transparent;
    border-top: 1px solid #ccc;
}
.header7-bg .navigation .navbar .nav>li>a {
    color: #666;
    padding: 13px 12px 14px 16px;
}
.header7-bg .navigation .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-bottom-color: #666;
    border-top-color: #666;
}
.header7-bg .navigation .navbar .nav>li {
    border-left: 1px solid #ccc;
    margin: 0 -2px;
}
.header7-bg .navigation .navbar .nav {
    margin: 5px 0;
}
.header7-bg .navigation .navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color: #666;
}
#banner {
    float: left;
    width: 100%;
    position: relative;
}
#banner .caption {
    position: absolute;
    width: 100%;
    left: 0;
    top: 120px;
    display: none;
}
#banner .bx-viewport>ul {
    margin: 0;
    padding: 0;
}
#banner .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
#banner .bx-wrapper img {
    display: block;
    width: 100%;
}
#banner .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.banner-caption {
    float: left;
    padding: 20px 20px 10px 20px;
    background-color: rgba(0, 0, 0, 0.60);
    width: 400px;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.30);
}
.banner-heading {
    background-color: rgba(255, 255, 255, 0.08);
    padding: 10px 170px 10px 20px;
    float: left;
    margin: 0 0 20px 0;
    background-image: url("../images/banner-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/banner-pattren.png*/
    
    );
}
.banner-heading strong {
    font: 400 16px/16px "Open Sans", sans-serif;
    color: #fff;
    display: block;
}
#banner .banner-caption strong.title {
    font: 600 22px/24px 'Ubuntu', serif;
    color: #fff;
    text-transform: capitalize;
    clear: both;
    padding: 0 0 10px 0;
}
#banner .banner-caption p {
    color: #fff;
    margin: 0 0 20px 0;
}
#banner .banner-caption p a {
    text-decoration: none;
    color: #fff;
}
#banner .banner-caption ul {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    border-top: 1px solid #fff;
    float: left;
    width: 100%;
}
#banner .banner-caption ul li {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
#banner .banner-caption a.donate {
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #fff;
    padding: 11px 18px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    outline: 1px solid;
    border: 4px solid;
}
#banner .banner-caption a.donate:hover {
    border: 4px solid;
}
#banner .bx-wrapper .bx-controls-direction a {
    display: none;
}
#banner .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 3px;
    padding: 0;
    left: 0;
}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
#banner .bx-wrapper .bx-pager.bx-default-pager a.active {}#banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(0, 0, 0, 0);
    border-radius: 100%;
    display: inline-block;
    border: 3px solid #fff;
    height: 12px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 12px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.60);
}
#banner .bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    text-align: center;
    display: none;
}
.new-banner-style {
    float: left;
    width: 100%;
}
.new-banner-style .holder {
    width: 750px;
    margin: 0 auto;
}
.new-banner-style .holder h1 {
    color: #fff;
    font-weight: 400;
    font-size: 55px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    text-transform: none;
    margin: 0 0 20px 0;
}
.new-banner-style .holder p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    padding: 0 40px;
    margin: 0 0 40px 0;
}
.btn-col {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
}
.btn-col .btn-more {
    font: 900 16px/16px "Open Sans", sans-serif;
    padding: 8px 30px;
    display: inline;
    background: #fff;
    text-transform: uppercase;
    color: #222;
    margin: 0 11px;
    border: 4px solid rgba(0, 0, 0, 0);
}
.btn-col .btn-more:hover {
    border: 4px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    text-decoration: none;
}
.banner-tab {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
}
.banner-tab img {
    display: block;
    text-align: center;
    margin: 0 auto 15px;
}
.banner-tab h2 {
    font: 400 30px/30px "Ubuntu", serif;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
}
.banner-tab h2 a {
    color: #fff;
    text-decoration: none;
}
.banner-tab p {
    color: #fff;
    text-align: center;
}
.banner-tab .box {
    float: left;
    width: 100%;
    border-left: 1px solid #fff;
    padding: 20px 0 40px 0;
}
.banner-tab .col-md-3 {
    padding: 0;
}
.banner-tab .box:hover h2 a {
    text-decoration: none;
}
#banner-2 {
    float: left;
    width: 100%;
    position: relative;
}
#banner-2 .bx-viewport>ul {
    margin: 0;
}
#banner-2 .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
#banner-2 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
#banner-2 img {
    width: 100%;
    display: block;
}
#banner-2 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 15px;
}
#banner-2 .bx-wrapper .bx-controls-direction a {
    display: none;
}
#banner-2 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    display: block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    border: 3px solid #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
#banner-2>li {
    position: relative;
}
#banner-2 .holder {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
}
#banner-2 .holder .caption {
    float: right;
    width: 660px;
    margin: 0 10px 0 0;
}
#banner-2 .holder .caption strong.title {
    font: 700 36px/36px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    background-color: #222;
}
#banner-2 .holder .caption .paragraph-style {
    background-color: #ebb562;
    padding: 10px 20px;
    display: block;
    margin: 0 0 20px 0;
}
#banner-2 .holder .caption p {
    font: 400 18px/26px "Open Sans", sans-serif;
    color: #222;
    margin: 0;
}
#banner-2 .holder .caption a {
    display: inherit;
    float: left;
}
#banner-3 {
    float: left;
    width: 100%;
    position: relative;
}
#banner-3 .bx-viewport>ul {
    margin: 0;
}
#banner-3 .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
#banner-3 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
#banner-3 img {
    width: 100%;
    display: block;
}
#banner-3 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 17px;
}
#banner-3 #home-banner>li {
    background-color: #000;
    position: relative;
}
#banner-3 #home-banner>li .caption {
    width: 920px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 205px;
}
#banner-3 #home-banner>li .caption h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
#banner-3 #home-banner>li .caption p {
    text-align: center;
    color: #fff;
    font: 400 18px/26px "Open Sans", sans-serif;
    font-weight: 400;
    margin: 0 0 30px 0;
}
#banner-3 #home-banner>li .caption a.btn-more {
    padding: 13px 20px;
    display: table;
    margin: 0 auto;
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
#banner-3 #home-banner>li .caption a.btn-more:hover {
    background-color: #fff;
}
#banner-3 .bx-wrapper .bx-controls-direction a {
    display: none;
}
#banner-3 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    display: block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    border: 3px solid #fff;
}
.islamic-banner {
    float: left;
    width: 100%;
    position: relative;
    background: url("../images/banner-pattren.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/banner-pattren.gif*/
    
    ) repeat;
}
.islamic-banner .banner-caption {
    position: absolute;
}
#wrapper .islamic-banner .banner-caption a.donate {
    border: 0;
    border-radius: 18px;
    color: #fff;
    float: left;
    font: 700 16px/16px "Open Sans", sans-serif;
    outline: 0;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#wrapper .islamic-banner .banner-caption a.donate:hover {
    background-color: #fff;
    color: #333;
}
#banner-5 {
    float: left;
    width: 100%;
    position: relative;
}
#banner-5 .bx-viewport>ul {
    margin: 0;
}
#banner-5 .caption {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20px;
}
#banner-5 img {
    width: 100%;
}
#banner-5 .bx-wrapper {
    margin: 0;
    float: left;
    width: 100%;
}
#banner-5 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
#banner-5 #home-banner>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/eco-banner-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-banner-pattren.png*/
    
    ) repeat;
}
#banner-5 #home-banner>li {
    position: relative;
}
#banner-5 .caption strong.title {
    background-color: rgba(225, 181, 98, 0.75);
    padding: 10px;
    display: table;
    margin: 0 auto 25px;
    font: 700 30px/35px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
}
#banner-5 .caption h1 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
#banner-5 .caption .banner-heading-1 {
    background-color: rgba(9, 80, 46, 0.75);
    padding: 20px;
    margin: 0 0 10px 0;
}
#banner-5 .caption .banner-heading-2 {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 20px;
    margin: 0 0 10px 0;
}
#banner-5 .caption h1 span {
    font-weight: 100;
}
#banner-5 .caption p {
    margin: 0 141px;
    line-height: 34px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 100;
}
#banner-5 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    border: 3px solid #fff;
}
#banner-5 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 0;
}
#eco-events-slider {
    margin: 0;
}
#banner-5 .bx-wrapper .bx-next {
    background: none;
    right: 50px;
}
#banner-5 .bx-wrapper .bx-next:before {
    content: "\f054";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
#banner-5 .bx-wrapper .bx-controls-direction a {
    height: auto;
    position: absolute;
    text-indent: inherit;
    font-size: 0;
    text-decoration: none;
    top: 50%;
    width: auto;
}
#banner-5 .bx-wrapper .bx-prev {
    background: none;
    left: 50px;
}
#banner-5 .bx-wrapper .bx-prev:before {
    content: "\f053";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
#banner-7 {
    float: left;
    width: 100%;
    position: relative;
}
#banner-7 .caption {
    width: 925px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50px;
}
#banner-7 img {
    width: 100%;
}
#banner-7 .bx-wrapper {
    margin: 0;
    float: left;
    width: 100%;
}
#banner-7 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
#banner-7 #home-banner>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/eco-banner-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-banner-pattren.png*/
    
    ) repeat;
}
#banner-7 #home-banner>li {
    position: relative;
}
#banner-7 .caption strong.title {
    padding: 20px;
    display: table;
    margin: 0 auto 25px;
    font: 700 36px/35px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
}
#banner-7 .caption h1 {
    color: #222;
    text-align: center;
    font-size: 59px;
    line-height: 59px;
    text-transform: uppercase;
}
#banner-7 .caption .banner-heading-1 {
    background-color: rgba(9, 80, 46, 0.75);
    padding: 20px;
    margin: 0 0 10px 0;
}
#banner-7 .caption .banner-heading-2 {
    background-color: #fff;
    padding: 20px;
    margin: 0 0 20px 0;
}
#banner-7 .caption .banner-paragraph-1 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin: 0 0 10px 0;
}
#banner-7 .caption h1 span {
    font-weight: 100;
}
#banner-7 .caption p {
    margin: 0;
    line-height: 34px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 100;
}
#banner-7 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    border: 3px solid #fff;
}
#banner-7 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 20px;
}
#banner-7 .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
#banner-7 .bx-wrapper .bx-next:before {
    content: "\f054";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
#banner-7 .bx-wrapper .bx-controls-direction a {
    height: auto;
    position: absolute;
    text-indent: inherit;
    font-size: 0;
    text-decoration: none;
    top: 50%;
    width: auto;
}
#banner-7 .bx-wrapper .bx-prev {
    background: none;
    left: 0;
}
#banner-7 .bx-wrapper .bx-prev:before {
    content: "\f053";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
#banner-7 .bx-viewport>ul {
    margin: 0;
}
#video-banner {
    float: left;
    width: 100%;
    position: relative;
}
#video-banner .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 390px;
    margin: auto;
    width: 920px;
}
#video-banner .caption h1 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
#video-banner .caption p {
    margin: 0;
    color: #fff;
    line-height: 26px;
    font-size: 18px;
    margin: 0 0 30px 0;
}
#video-banner .caption .btn-purchase {
    padding: 18px 30px;
    box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2);
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#main {
    float: left;
    width: 100%;
}
#welcome-section {
    float: left;
    width: 100%;
    padding: 50px 0;
}
#welcome-section.counter-welcome {
    padding: 50px 0 70px 0;
}
.causes-welcome {
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.welcome-bg {
    background-image: url("../images/welcome-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/welcome-bg.png*/
    
    );
    background-repeat: repeat-x;
    background-position: left bottom;
}
#welcome-section h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}
#welcome-section p {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
}
#missions-section {
    float: left;
    width: 100%;
}
.missions-store {}.missions-store .missions-frame .caption h2 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid;
    padding: 0;
    text-shadow: 0 0 3px #000;
    -moz-text-shadow: 0 0 3px #000;
    -webkit-text-shadow: 0 0 3px #000;
}
.missions-store .missions-frame .caption h2 a {
    text-decoration: none;
    color: #fff;
    font-size: inherit;
    border: 0;
    padding: 0;
}
.missions-store .missions-frame .caption p {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 3px #000;
    -moz-text-shadow: 0 0 3px #000;
    -webkit-text-shadow: 0 0 3px #000;
}
.missions-store .missions-frame .caption {
    bottom: 0;
    box-sizing: border-box;
    height: 50%;
    left: 0;
    margin: inherit;
    padding: 0 54px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.missions-store .missions-frame {
    border-radius: 0;
}
.missions-frame {
    float: left;
    width: 100%;
    border-radius: 5px;
    background-color: #000;
    overflow: hidden;
    position: relative;
}
.missions-frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.missions-frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.missions-frame .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 23px;
    height: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.missions-frame .caption a {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    display: table;
    margin: 0 auto;
    padding: 13px 0;
    font: 600 18px/29px 'Ubuntu', serif;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
}
#features-section {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 50px 0 14px 0;
}
.features-area {
    float: left;
    width: 100%;
}
.features-area ul {
    padding: 0;
    margin: 0 0 0 -50px;
    list-style: none;
}
.features-area ul li {
    float: left;
    margin: 0 0 50px 50px;
}
.features-box:hover h2 {}.features-box .fa {
    float: left;
    font-size: 50px;
    margin: 0 30px 0 0;
}
.features-box {
    float: left;
    width: 445px;
}
.features-box .text-box {
    overflow: hidden;
}
.parallax-box img {
    width: 100%;
    margin: 60px 0 0 0;
}
#features-section .holder .features-box .text-box h2 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
#main-features {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 10px 30px;
}
#main-features h2 {
    text-align: left;
    margin: 0 0 15px 0;
}
#main-features ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#main-features ul li {
    padding: 16px 0;
    border-top: 1px solid #ccc;
}
#main-features ul li a {
    font: 400 16px/16px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
    display: block;
}
#main-features ul li a .fa {
    padding: 0 18px 0 0;
}
.islamic-features-box {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    position: relative;
}
.islamic-features-box .frame {
    float: left;
    width: 100%;
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    overflow: hidden;
    position: relative;
}
.islamic-features-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 30px 30px 0 0;
}
.islamic-features-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border-radius: 30px 30px 0 0;
}
.islamic-features-box .frame:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    opacity: 0.75;
    z-index: 9;
}
.islamic-features-box .frame:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    height: 38px;
    width: 100%;
    z-index: 9;
}
.islamic-features-box .caption {
    float: left;
    width: 100%;
    background-color: #222;
    padding: 55px 0 20px 0;
    position: relative;
}
.islamic-features-box .caption a {
    font: 600 20px/20px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
    text-decoration: none;
}
.shape-1 {
    background: #fff;
    width: 90px;
    height: 90px;
    position: absolute;
    text-align: center;
    border-radius: 15px;
    left: 0;
    right: 0;
    margin: auto;
    top: -60px;
    z-index: 9;
}
.shape-1:before,
.shape-1:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    background: #fff;
    border-radius: 15px;
}
.shape-1:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
.shape-1:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}
.shape-1 img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
}
.shape-1 img:hover {
    opacity: 0.7;
}
#features-section .inner-box {
    float: left;
    width: 100%;
    padding: 0 0 36px 0;
}
#features-section .inner-box .icon-box {
    margin: 0 auto 30px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #e1e1e1;
}
#features-section .inner-box .icon-box a {
    font-size: 48px;
    line-height: 110px;
    color: #666;
    text-align: center;
    display: block;
    text-decoration: none;
}
#features-section .inner-box .icon-box a:hover {
    color: #fff;
}
#features-section .inner-box h3 {
    text-align: center;
    margin: 0 0 12px 0;
}
#features-section .inner-box p {
    text-align: center;
    margin: 0 0 20px 0;
}
.our-causes {
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 50px 0 95px 0;
    position: relative;
    overflow: hidden;
}
.our-causes h2 {
    color: #222;
}
.our-causes p {
    font-size: 16px;
    text-align: center;
    color: #222;
    margin: 0 0 30px 0;
}
.our-causes-box {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 4px 4px 30px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.our-causes-box .frame {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.our-causes-box .frame img {
    display: block;
    width: 100%;
}
.our-causes-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.our-causes-box .text-box {
    float: left;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.our-causes-box .text-box h3 {
    text-transform: capitalize;
}
.progress-boar {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}
.our-causes-box .progress {
    background-image: none;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #68ac72;
    height: 6px;
    margin-bottom: 11px;
    overflow: hidden;
}
.our-causes-box .progress-striped .bar {
    height: 100%;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
}
.progress-boar strong.amount {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: left;
}
.progress-boar strong.target {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: right;
}
.progress-boar strong.percentage-1 {
    font: 400 14px/14px "Open Sans", sans-serif;
    display: block;
    text-align: center;
    text-shadow: none;
}
.our-causes .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.our-causes .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.our-causes .bx-wrapper .bx-controls-direction a {
    display: none;
}
.our-causes .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    border: 3px solid;
}
.our-causes .bx-wrapper .bx-pager.bx-default-pager a:hover,
.our-causes .bx-wrapper .bx-pager.bx-default-pager a.active {}.our-causes .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: -52px;
}
.upcoming-events {
    float: left;
    width: 100%;
    background-color: #fff;
}
.upcoming-events p {
    font-size: 16px;
    text-align: center;
    margin: 0 0 30px 0;
    color: #222;
}
.upcoming-events-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}
.upcoming-events-box .frame {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.upcoming-events-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.upcoming-events-box .frame .caption a.link {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.upcoming-events-box .frame:hover .caption {
    opacity: 1;
}
.upcoming-events-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.upcoming-events-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.upcoming-events-box .text-box {
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 0 0 4px 30px;
}
#main .upcoming-events-box .text-box .date-box {
    display: table;
    padding: 0;
    margin: 0 0 25px 0;
    float: none;
}
.upcoming-events-box .text-box .date-box strong.date {
    font: 300 30px/30px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0;
}
.upcoming-events-box .text-box .date-box strong.date span {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
}
.upcoming-events-box h3 {
    margin: 0 0 13px 0;
}
#wrapper #main .upcoming-events-box h3 a {
    text-decoration: none;
    font: 600 18px/20px 'Ubuntu', serif;
    color: #222;
}
.upcoming-events-box .text-box p {
    text-align: left;
    color: #666;
    margin: 0 21px 20px 0;
}
#main .upcoming-events-box .text-box strong.time {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
    padding: 0 0 12px 0;
}
#main .upcoming-events-box .text-box strong.time .fa {
    padding: 0 7px 0 0;
}
#main .upcoming-events-box .text-box a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
    display: block;
}
#main .upcoming-events-box .text-box a .fa {
    padding: 0 7px 0 0;
}
#main .upcoming-events-box .text-box a.more {
    float: right;
    padding: 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 16px;
    background-color: #ccc;
    margin: 4px 0 0 0;
    position: relative;
    top: 3px;
}
#main .upcoming-events-box .text-box a.more:hover {
    color: #fff;
}
#main .upcoming-events-box .text-box a.more .fa {
    padding: 0;
}
.event-listing .upcoming-events-box .frame {
    width: auto;
}
#main .event-listing .upcoming-events-box .text-box strong.time {
    float: left;
    margin: 0 30px 0 0;
}
#main .event-listing a.btn-8 {
    float: left;
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
}
#main .event-listing .upcoming-events-box .text-box a {
    float: left;
    margin: 0 20px 0 0;
}
.event-listing .upcoming-events-box .text-box p {
    clear: both;
}
.event-listing .upcoming-events-box h3 {
    overflow: hidden;
    margin: 0 0 10px 0;
}
.event-listing .upcoming-events-box .frame {
    margin: 0;
}
.event-listing .upcoming-events-box .text-box {
    padding: 0 0 12px 30px;
}
#main .event-listing a.btn-8:hover {
    color: #fff;
}
.event-listing .upcoming-events-box {
    margin: 0;
}
.upcoming-section-2 {
    float: left;
    width: 100%;
    background-color: #fff;
}
.upcoming-section-2 p {
    text-align: center;
    margin: 0 0 30px 0;
}
.upcoming-section-2 .holder {
    margin: 0 auto;
    width: 960px;
    float: none;
}
.event-2-slider {
    margin: 0;
}
.upcoming-section-2 .frame {
    float: left;
    width: 370px;
    overflow: hidden;
    margin: 0 30px 0 0;
}
.upcoming-section-2 .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.upcoming-section-2 .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.upcoming-section-2 .text-box {
    float: left;
    max-width: 560px;
}
.upcoming-section-2 .text-box strong.date {
    padding: 11px 18px 10px 18px;
    display: inline-block;
    font: 300 30px/30px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 28px 0;
}
.upcoming-section-2 .text-box h3 {
    margin: 0 0 10px 0;
    text-transform: capitalize;
}
.upcoming-section-2 .text-box strong.date span {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    display: block;
}
.upcoming-section-2 .text-box p {
    text-align: left;
}
.upcoming-section-2 .text-box p a {
    text-decoration: none;
}
.upcoming-section-2 .text-box a.link {
    float: left;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    padding: 0 50px 32px 0;
    text-decoration: none;
}
.upcoming-section-2 .text-box a.link .fa {
    padding: 0 6px 0 0;
}
.upcoming-section-2 .bx-wrapper {
    float: left;
    margin: 0 0 30px 0;
    width: 100%;
}
.upcoming-section-2 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
    height: auto;
}
.upcoming-section-2 .bx-wrapper .bx-controls-direction a {
    height: 70px;
    margin-top: 0;
    position: absolute;
    text-indent: inherit;
    top: 30%;
    width: 70px;
    font-size: 0;
    text-decoration: none;
}
.upcoming-section-2 .bx-wrapper .bx-next {
    background: url("../images/right-arrow.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/right-arrow.gif*/
    
    ) no-repeat left top;
    right: 0;
}
.upcoming-section-2 .bx-wrapper .bx-next:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
    color: #ccc;
    display: block;
    text-indent: -8px;
}
.upcoming-section-2 .bx-wrapper .bx-prev {
    background: url("../images/left-arrow.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/left-arrow.gif*/
    
    ) no-repeat left top;
    left: 0;
}
.upcoming-section-2 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    display: none;
}
.upcoming-section-2 .bx-wrapper .bx-prev:before {
    content: "\f060";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
    color: #ccc;
    display: block;
    text-indent: 8px;
}
.upcoming-section-2 .bx-wrapper .bx-next:hover {
    background-position: 0 0;
}
.countdown-box {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    overflow: hidden;
}
.countdown-box .countdown_show4 .countdown_section {
    width: 14%;
}
.countdown-box .countdown_section {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    padding: 14px 0;
    width: 80px;
    margin: 0 30px 0 0;
    float: left;
    text-align: center;
    position: relative;
}
.countdown-box .countdown_section:before {
    content: '';
    position: absolute;
    left: -110px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 1px solid;
    width: 30px;
    height: 1px;
}
.countdown-box .countdown_section:after {
    content: '';
    position: absolute;
    left: -110px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    width: 7px;
    height: 7px;
}
#wrapper .countdown-box-2 .countdown_section:after {
    content: '';
    position: absolute;
    left: -110px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    width: 7px;
    height: 7px;
}
.countdown-box .countdown_amount {
    font: 400 30px/20px "Open Sans", sans-serif;
    color: #fff;
    font-weight: 100;
    text-align: center;
}
#wrapper .countdown-box-2 {
    position: relative;
    overflow: inherit;
}
#wrapper .countdown-outer .countdown-box-2 .countdown_section {
    position: relative;
}
#wrapper .countdown-box-2 .countdown-outer:before {
    border-bottom: 1px solid #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: -110px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
#wrapper .countdown-box-2 .countdown_section {
    width: 90px;
    height: 70px;
    text-align: center;
    border-radius: 15px;
    left: 0;
    right: 0;
    margin: 0 39px 0 11px;
    top: 0;
    padding: 20px 0 0 0;
}
#wrapper .countdown-box-2 .countdown_amount {
    font: 400 30px/20px "Open Sans", sans-serif;
    color: #fff;
    font-weight: 100;
    text-align: center;
    z-index: 99999;
    position: relative;
}
#wrapper .upcoming-section-2 .holder .countdown-box-2 .countdown_section {
    font: 400 14px/21px "Open Sans", sans-serif;
    color: #fff;
    font-weight: 400;
    float: left;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}
#wrapper .countdown-box-2 .countdown_section:before,
#wrapper .countdown-box-2 .countdown_section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 90px;
    border-radius: 15px;
    z-index: -1;
}
#wrapper .countdown-box-2 .countdown_section:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
#wrapper .countdown-box-2 .countdown_section:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}
.parallax-section {
    float: left;
    width: 100%;
}
.parallax-box {
    background: url("../images/parallax-bg.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/parallax-bg.jpg*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    float: left;
    width: 100%;
    padding: 100px 0 0 0;
    position: relative;
    overflow: hidden;
}
.parallax-box .text-box {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.parallax-box .text-box h2 {
    font-size: 36px;
    margin: 0 0 28px 0;
    color: #fff;
}
.parallax-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-box ul li {
    float: left;
    padding: 0 0 30px 0;
}
.parallax-box .icon-box {
    float: left;
    width: 68px;
    height: 68px;
    border: 1px solid #fff;
    margin: 0 30px 0 0;
    cursor: pointer;
}
.parallax-box ul li:hover .icon-box {
    border: 1px solid rgba(0, 0, 0, 0);
}
.parallax-box .icon-box .fa {
    font-size: 36px;
    line-height: 68px;
    color: #fff;
    display: block;
    text-align: center;
    transform: scale(1);
}
.parallax-box .icon-box:hover .fa {
    transform: scale(1.1);
}
.parallax-box .text-area {
    overflow: hidden;
}
.parallax-box .text-area h3 {
    text-transform: capitalize;
}
.parallax-box .text-area h3 {
    margin: 0 0 7px 0;
    color: #fff;
}
.parallax-box .text-area p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 0;
}
.parallax-box .text-box a.btn-1 {
    float: left;
    background-color: #fff;
    border-color: #fff;
    outline-color: #fff;
}
.parallax-box .text-box .btn-2 {
    background-color: #fff;
    float: left;
}
.parallax-box .text-box .btn-2:hover {
    background-color: #fff;
}
.parallax-box .text-box a.btn-1:hover {
    border-color: #fff;
}
.parallax-box-2 {
    background: url("../images/parallax-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/parallax-bg-2.png*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
    float: left;
    width: 100%;
    padding: 130px 0 0 0;
    position: relative;
    overflow: hidden;
}
.parallax-box-2 h2 {
    line-height: 40px;
}
.recent-post {
    float: left;
    width: 100%;
}
.eco-recent-post {
    background: #fff;
}
.recent-post p {
    font-size: 16px;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
}
.recent-post-box {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px 0;
}
.header-list-item .recent-post-box {
    width: auto;
    overflow: hidden;
}
.recent-post-box .inner {
    float: left;
    width: 100%;
    position: relative;
}
.recent-post-box strong.date {
    padding: 6px 0 0 0;
    width: 80px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    font: 300 30px/30px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    z-index: 9;
    overflow: hidden;
    margin-top: -10px;
	margin-left: -10px;
}
.recent-post-box strong.date-header-list-item {
    padding: 6px 0 0 0;
    width: 80px;
    height: 70px;
    font: 300 30px/30px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    margin-right:10px;
}
.date-color-4 {
    background-color: #aa2a32;
}
.date-color-5 {
    background-color: #003c1a;
}
.recent-post-box strong.date span {
    font-weight: 400;
    display: block;
}
.recent-post-box .frame {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 200px;
}
.recent-post-box .frame img {
    width: 100%;
    display: block;
}
.recent-post-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.recent-post-box .frame .caption.link a{
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 43px;
    font-size: 40px;
    text-decoration: none;
    color: #fff;
}
#main .recent-post-box strong.title {
    display: block;
    width: 100%;
    padding: 15px 0;
    font: 500 20px/20px 'Ubuntu', serif;
    color: #000;
    text-align: center;
    clear: both;
}
#main .recent-post-box strong.title a {
    text-decoration: none;
    color: #000;
}
.recent-post-box .frame:hover .caption {
    opacity: 1;
}
.recent-post-2 {
    background: #fff;
}
.recent-bg {
    background-color: #fff;
    position: relative;
    padding: 100px 0;
}
.recent-bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/recent-post-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/recent-post-pattren.png*/
    
    );
    background-repeat: repeat-x;
    background-position: left center;
    background-color: #eae9d7;
    width: 100%;
    height: 40px;
}
.recent-bg:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../images/recent-post-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/recent-post-pattren.png*/
    
    );
    background-repeat: repeat-x;
    background-position: left center;
    background-color: #eae9d7;
    width: 100%;
    height: 40px;
}
.recent-post-2 .box {
    float: left;
    width: 100%;
}
.recent-post-2 .box .text-box {
    float: left;
    width: 100%;
    padding: 0 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.recent-post-2 .box .text-box h3 {
    margin: 0 0 15px 0;
}
.recent-post-2 .box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.recent-post-2 .box .text-box p {
    text-align: left;
    font-size: 14px;
    margin: 0 0 20px 0;
}
.recent-post-2 .box .text-box a.btn-read {
    display: block;
    font: 700 14px/14px 'Ubuntu', serif;
    color: #222;
    text-decoration: none;
    text-transform: uppercase;
}
.recent-post-2 .box .frame {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}
.recent-post-2 .box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.recent-post-2 .box .frame .caption a.link {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.recent-post-2 .box .frame:hover .caption {
    opacity: 1;
}
.recent-post-2 .box .frame img {
    display: block;
    width: 100%;
}
.down-arrow {
    float: left;
    width: 100%;
    position: relative;
}
.down-arrow:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
}
.up-arrow {
    float: left;
    width: 100%;
    position: relative;
}
.up-arrow:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
}
#maping-filtered img {
    max-width: none;
    box-shadow: none;
}
.map-section {
    float: left;
    width: 100%;
}
.eco-map-bg {}.eco-map-bg .head {
    background-image: url("../images/eco-map-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-map-pattren.png*/
    
    );
    background-repeat: repeat;
    background-position: left top;
    float: left;
    width: 100%;
}
.eco-map-bg strong.heading-title {
    color: #fff;
}
.eco-map-bg .heading-style-5:before {
    border-color: #fff;
}
.eco-map-bg .heading-style-5 h2 {
    border-color: #ccc;
}
.map-section .head {
    float: left;
    width: 100%;
}
.map-section .head h2 {
    color: #fff;
}
.map-section .head p {
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.home-map {
    float: left;
    width: 100%;
    position: relative;
}
.home-map img {
    width: 100%;
    display: block;
}
.map-caption {
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    border-radius: 5px 5px 0 0;
    margin: auto;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
}
.map-caption:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -12px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
}
.map-caption .frame {
    float: left;
    width: 100%;
    padding: 5px;
    border-radius: 4px 4px 0 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.map-caption .frame img {
    border-radius: 4px 4px 0 0;
    width: 100%;
    display: block;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.map-caption .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.map-caption .text-box {
    float: left;
    width: 100%;
}
.map-caption .text-box h3 {
    margin: 0 0 10px 0;
}
.map-caption .text-box .top-row {
    float: left;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.map-caption .text-box .top-row .progress {
    background: #cdcdcd;
    background: -moz-linear-gradient(top, #cdcdcd 0%, #d5d5d5 27%, #f3f3f3 93%, #c8c8c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(27%, #d5d5d5), color-stop(93%, #f3f3f3), color-stop(100%, #c8c8c8));
    background: -webkit-linear-gradient(top, #cdcdcd 0%, #d5d5d5 27%, #f3f3f3 93%, #c8c8c8 100%);
    background: -o-linear-gradient(top, #cdcdcd 0%, #d5d5d5 27%, #f3f3f3 93%, #c8c8c8 100%);
    background: -ms-linear-gradient(top, #cdcdcd 0%, #d5d5d5 27%, #f3f3f3 93%, #c8c8c8 100%);
    background: linear-gradient(to bottom, #cdcdcd 0%, #d5d5d5 27%, #f3f3f3 93%, #c8c8c8 100%);
    border-radius: 8px;
    box-shadow: none;
    height: 14px;
    margin-bottom: 10px;
    overflow: hidden;
}
.map-caption .text-box .top-row .progress .bar {
    background-image: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    width: 0;
}
.map-progress {
    float: left;
    width: 100%;
}
.map-progress strong.title {
    display: block;
    text-align: center;
    font: 700 14px/14px "Open Sans", sans-serif;
    color: #666;
    padding: 0 0 10px 0;
}
.map-caption .text-box .mid-row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 0 6px 0;
}
.map-caption .text-box .mid-row strong.title {
    font: 600 12px/14px 'Ubuntu', serif;
    color: #666;
    display: block;
    text-align: center;
}
.map-caption .text-box .mid-row span {
    font: 400 12px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
    text-align: center;
}
.map-caption .text-box .bottom-row {
    float: left;
    width: 100%;
}
.map-caption .text-box .bottom-row ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    text-align: center;
}
.map-caption .text-box .bottom-row ul li {
    display: inline-block;
    padding: 0 7px;
}
.map-caption .text-box .bottom-row ul li a {
    font: 400 12px/12px "Open Sans", sans-serif;
    color: #666;
    display: block;
    text-decoration: none;
}
.latest-news {
    float: left;
    width: 100%;
    background-color: #fff;
}
.latest-news .heading-style-6 h2 {
    margin: 0 0 20px 0;
    font-size: 32px;
}
.gallery-collection .heading-style-6 h2 {
    margin: 0 0 20px 0;
}
.latest-news-bg {
    background-color: #ebb562;
}
.latest-news-bg h2 {
    color: #fff;
}
.latest-news-bg .heading-style-2:before {
    border-color: #fff;
}
.latest-news p {
    font-size: 16px;
    text-align: center;
    margin: 0 0 30px 0;
}
.latest-news-box {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    background-color: #f5f5f5;
    padding: 20px 0 0 0;
}
.latest-news-box .inner {
    float: left;
    min-height: 97px;
    width: 100%;
    padding: 0 16px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.theme-style-1 .latest-news-box .inner p {
    font-size: 14px;
}
#main .latest-news-box strong.title {
    font: 600 20px/24px 'Ubuntu', serif;
    color: #222;
    text-transform: capitalize;
    display: block;
    padding: 0 0 15px 0;
}
#main .latest-news-box strong.title:hover a {}#main .latest-news-box strong.title a {
    text-decoration: none;
    color: #222
}
.latest-news-box strong.date {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    display: block;
}
.latest-news-box strong.date .fa {
    padding: 0 6px 0 0;
}
.latest-news-box .frame {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 18px 0;
}
.latest-news-box .frame img {
    display: block;
    width: 100%;
}
.latest-news-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.latest-news-box .frame .caption a.link {
    width: 43px;
    height: 43px;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 43px;
}
.latest-news-box .frame:hover .caption {
    opacity: 1;
}
.latest-news-box p {
    text-align: left;
    margin: 0;
}
#main .latest-news-box p a {
    text-decoration: none;
    color: #666;
}
.comment-row {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
.comment-row ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.comment-row ul li {
    float: left;
    padding: 0 20px;
    border-left: 1px solid #ccc;
    line-height: normal;
}
.comment-row ul li:first-child {
    border: 0;
}
.comment-row ul li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-decoration: none;
}
.comment-row ul li a .fa {
    padding: 0 6px 0 0;
}
#content-1 {
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: auto;
}
.latest-news .mCustomScrollBox>.mCSB_scrollTools {
    opacity: 1;
}
.latest-news .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #222;
}
.latest-news .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    height: 8px;
    margin: 8px 0;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.latest-news .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e1e1e1;
}
.latest-news .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 8px;
    margin: 8px auto;
}
.latest-news .mCSB_horizontal>.mCSB_container {
    margin-bottom: 38px;
}
.latest-news .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 230px;
}
.latest-news .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {}.latest-news .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {}.testimonials-section {
    float: left;
    width: 100%;
    background-image: url("../images/testimonial-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/testimonial-bg.png*/
    
    );
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.testimonials-bg {
    background-image: url("../images/testimonial-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/testimonial-bg-2.png*/
    
    );
}
.testimonials-section .holder {
    width: 830px;
    margin: 0 auto;
    display: block;
}
.testimonials-section .holder h2 {
    color: #fff;
}
#main .testimonials-section .holder p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0 0 28px 0;
}
#main .testimonials-section .holder .frame {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border-radius: 100%;
    border: 2px solid #fff;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
#main .testimonials-section .holder .frame img {
    display: block;
    width: 100%;
    border-radius: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
#main .testimonials-section .holder .frame:hover {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
#main .testimonials-section .holder strong.title {
    font: 400 20px/28px "Open Sans", sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
    display: block;
    padding: 0 0 25px 0;
}
.testimonials-section .holder strong.name {
    font: 700 17px/17px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
}
.testimonials-section .holder strong.name span {
    font-weight: 100;
}
.testimonials-section .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.testimonials-section .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.testimonials-section .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    display: none;
}
.testimonials-section .bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: 0;
    outline: 0 none;
    position: absolute;
    text-indent: inherit;
    top: 30%;
    width: 32px;
    font-size: 0;
    z-index: 9999;
    text-decoration: none;
}
.testimonials-section .bx-wrapper .bx-next {
    right: 0;
    background: none;
}
.testimonials-section .bx-wrapper .bx-next:before {
    color: #FFFFFF;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}
.testimonials-section .bx-wrapper .bx-prev {
    left: 0;
    background: none;
}
.testimonials-section .bx-wrapper .bx-prev:before {
    color: #FFFFFF;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}
.about-fact {
    background-image: url("../images/about-fact-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/about-fact-bg.png*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
}
.testimonials-section ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    text-align: center;
}
.testimonials-section ul li {
    display: inline-block;
    padding: 0 17px;
}
.chart {
    float: left;
    margin: 0;
}
.percentage,
.label {
    font: 700 50px/140px "Open Sans", sans-serif;
    text-align: center;
    color: #fff;
    margin: 0;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.dark {
    background: #333;
}
.dark .percentage-light,
.dark .label {
    font: 700 50px/50px "Open Sans", sans-serif;
    text-align: center;
    color: #fff;
    margin-bottom: 0.3em;
}
.easyPieChart {
    position: relative;
    text-align: center;
    margin: 0 0 30px 0;
}
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.chart .label,
.badge {
    font: 600 18px/18px 'Ubuntu', serif;
    background: none;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
.team-member {
    float: left;
    width: 100%;
}
.team-member p {
    font-size: 16px;
    margin: 0 0 30px 0;
    text-align: center;
    color: #222;
}
.team-member p.align-left, .team-member h5.align-left  {
    text-align: left;
}
.team-member-box {
    float: left;
    width: 100%;
    padding: 30px 0 0 0;
    position: relative;
}
.team-member-box:first-child {
    border: 0;
    padding: 0;
}
.team-member-box .frame {
    float: left;
    margin: 0 30px 0 0;
    position: relative;
}
.team-member-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.team-member-box .frame:hover .caption {
    opacity: 1;
}
.team-member-box .frame .caption a.zoom {
    border: 1px solid #FFFFFF;
    bottom: 0;
    color: #FFFFFF;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.team-member-box .frame img {
    width: 100%;
    display: block;
}
.team-member-box .text-box {
    overflow: hidden;
    padding: 35px 0 0 0;
}
.team-member-box .text-box h3 {
    margin: 0 0 12px 0;
}
.team-member-box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.team-member-box .text-box h3:hover a {}.team-member-box .text-box strong.destination {
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    padding: 0 0 15px 0;
    display: block;
}
.team-member-box .text-box p {
    margin: 0 26px 23px 0;
    text-align: left;
    color: #666;
}
.team-social {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    width: 100%;
}
.team-social li {
    float: left;
    padding: 0 10px 0 0;
}
.team-social li a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #ebebeb;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #222;
}
.team-social li a:hover {
    background-color: #ec5248;
    color: #fff;
}
.newsletter-section {
    float: left;
    width: 100%;
}
.newsletter-section-3 {
    float: left;
    width: 100%;
}
.newsletter-section-3 .heading-style-4:before {
    background: url("../images/heading-4-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/heading-4-bg-2.png*/
    
    ) no-repeat center top;
}
.newsletter-section-3 strong.heading-title {
    color: #fff;
}
.newsletter-section h2 {
    color: #fff;
}
.newsletter-section p {
    font-size: 16px;
    text-align: center;
    margin: 0 0 30px 0;
    color: #fff;
}
.newsletter-form {
    margin: 0 auto;
    width: 570px;
    display: block;
}
.newsletter-form input[type="text"] {
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 19px;
    margin: 0 0 20px 0;
    border-radius: 0;
    font: 400 14px "Open Sans", sans-serif;
    color: #222;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newsletter-form input[type="submit"] {
    padding: 10px 20px;
    display: table;
    margin: 0 auto;
    background-color: #fff;
    border: 4px solid #fff;
    outline: 1px solid #fff;
    font: 700 12px "Open Sans", sans-serif;
    text-transform: uppercase;
}
.newsletter-form input[type="submit"]:hover {
    border: 4px solid #fff;
}
.newsletter-section-2 {}.newsletter-section-3 .newsletter-form {
    width: 100%;
    float: left;
}
.newsletter-section-3 .newsletter-form input[type="submit"] {
    display: table;
    margin: 0 auto;
    padding: 12px 30px;
    border-radius: 18px;
    border: 0;
    outline: none;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fff;
}
.button-box {
    position: relative;
    display: table;
    margin: 0 auto;
}
.button-box:before {
    content: '';
    position: absolute;
    left: -79px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-4-before-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-before-bg-2.png*/
    
    ) no-repeat left center;
    width: 69px;
    height: 40px;
}
.button-box:after {
    content: '';
    position: absolute;
    right: -79px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-4-after-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-after-bg-2.png*/
    
    ) no-repeat left center;
    width: 69px;
    height: 40px;
}
.button-box-2 {
    position: relative;
    display: table;
    margin: 0 auto;
}
.button-box-2:before {
    content: '';
    position: absolute;
    left: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 120px;
    height: 7px;
    background: url("../images/btn-3-before-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-before-bg-2.png*/
    
    ) no-repeat left center;
}
.button-box-2:after {
    content: '';
    position: absolute;
    right: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 120px;
    height: 7px;
    background: url("../images/btn-3-after-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-after-bg-2.png*/
    
    ) no-repeat left center;
}
.newsletter-section-2 .heading-style-2:before {
    border-color: #fff;
}
.newsletter-section-2 .newsletter-form {
    width: 100%;
    position: relative;
}
.newsletter-section-2 .newsletter-form input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 200px 0 20px;
    margin: 0;
}
.newsletter-section-2 .newsletter-form input[type="submit"] {
    display: table;
    margin: 0 auto;
    padding: 13px 20px;
    border-radius: 5px;
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    outline: none;
    border: 4px solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 5px;
    right: 5px;
}
.newsletter-section-2 .newsletter-form input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    border: 4px solid #fff;
}
.newsletter-2 {
    float: left;
    width: 100%;
    padding: 50px 0;
}
.newsletter-2 .heading-style-3 ul li {
    background-color: #fff;
}
.newsletter-2 .heading-style-3 ul {
    background-color: #a69883;
}
.newsletter-2 .heading-style-3:before {
    background-color: #a69883;
}
.newsletter-2 .heading-style-3 h2 {
    border-bottom: 1px solid #fff;
}
.newsletter-2 .newsletter-form {
    width: 769px;
}
.newsletter-2 .newsletter-form input[type="submit"] {
    display: table;
    margin: 0 auto;
    padding: 12px 30px;
    border-radius: 18px;
    border: 1px solid #ccc;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    clear: both;
    position: relative;
    background-color: #fff;
    outline: none;
    border: 0;
}
.newsletter-2 .newsletter-form input[type="submit"]:hover {}.newsletter-2 .newsletter-form input[type="submit"]:before {
    content: '';
    position: absolute;
    left: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-3-before-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-before-bg.png*/
    
    ) no-repeat left center;
    width: 120px;
    height: 7px;
}
.newsletter-2 .newsletter-form input[type="submit"]:after {
    content: '';
    position: absolute;
    right: -130px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/btn-3-after-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-after-bg.png*/
    
    ) no-repeat left center;
    width: 120px;
    height: 7px;
}
.eco-newsletter {
    float: left;
    width: 100%;
    position: relative;
}
.eco-newsletter:before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    background: url("../images/newsletter-pattren-1.png"
    
    ) repeat-x left top;
    height: 10px;
}
.eco-newsletter:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    background: url("../images/newsletter-pattren-2.png"
    
    ) repeat-x left top;
    height: 10px;
}
.eco-newsletter .fa {
    text-align: center;
    display: block;
    font-size: 60px;
    color: #fff;
    padding: 0 0 10px 0;
}
.eco-newsletter strong.title {
    display: block;
    font: 600 20px/20px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    padding: 0 0 30px 0;
}
.eco-newsletter .newsletter-form input[type="submit"] {
    padding: 15px 20px;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    font: 700 12px/12px "Open Sans", sans-serif;
}
.eco-newsletter .newsletter-form {
    padding: 25px 0;
}
#footer {
    float: left;
    width: 100%;
    background-color: #222;
    margin-top: 50px;
}
.footer-section-1 {
    float: left;
    width: 100%;
    padding: 44px 0 25px 0;
    background-image: url("../images/footer-bg.jpg"
    
    );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
}
.church-bg {
    background-image: url("../images/footer-bg-2.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/footer-bg-2.jpg*/
    
    );
}
.eco-bg {
    background-image: url("../images/footer-bg-3.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/footer-bg-3.jpg*/
    
    );
}
.islamic-bg {
    background-image: url("../images/footer-bg-4.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/footer-bg-4.jpg*/
    
    );
}
.store-bg {
    background-image: url("../images/footer-bg-5.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/footer-bg-5.jpg*/
    
    );
}
#wrapper .church-bg:before {
    content: '';
    background-color: rgba(34, 34, 34, 0.9);
}
.footer-section-1:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.90);
}
.footer-section-1 .box {
    float: left;
    width: 100%;
}
.footer-section-1 .box a.btn-5 {
    float: left;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}
#footer .footer-section-1 h2 {
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px 0;
    font-size: 24px;
}
#footer .footer-section-1 h2 span {
    font-weight: 700;
}
.footer-section-1 p {
    margin: 0 0 25px 0;
    color: #fff;
}
.footer-section-1 .box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-section-1 .box ul li {
    padding: 20px 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
}
.footer-section-1 .box ul li:first-child {
    border: 0;
    padding: 0 0 20px 0;
}
.footer-section-1 .box ul li strong.date {
    padding: 8px 0 0 0;
    width: 60px;
    height: 60px;
    float: left;
    font: 300 22px/22px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0 20px 0 0;
}
.footer-section-1 .box ul li strong.date span {
    display: block;
    font: 400 16px 'Ubuntu', serif;
}
.footer-section-1 .box ul li .text-box {
    overflow: hidden;
}
#footer .footer-section-1 .box ul li .text-box strong.title {
    font: 600 14px/16px 'Ubuntu', serif;
    color: #fff;
    text-transform: capitalize;
    display: block;
    padding: 0 0 8px 0;
}
#footer .footer-section-1 .box ul li .text-box strong.title a {
    color: #fff;
}
.footer-section-1 .box ul li .text-box a {
    font: 400 14px/16px 'Ubuntu', serif;
    color: #fff;
    display: block;
    text-decoration: none;
}
.footer-section-1 .box ul li .text-box a .fa {
    padding: 0 6px 0 0;
}
.twitter-box {
    float: left;
    width: 100%;
    background-color: #222;
    border-radius: 7px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 25px 0;
}
#footer-tweets li {
    border: 0;
}
.arrow-1,
.arrow-2 {
    position: relative;
}
.twitter-box strong.name {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    padding: 0 0 6px 0;
}
#footer .twitter-box p {
    line-height: 22px;
    color: #fff;
    margin: 0 0 5px 0;
}
#footer .twitter-box a {
    text-decoration: none;
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
}
.arrow-1:before {
    content: '';
    position: absolute;
    right: 30px;
    bottom: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 7px 0 7px;
    border-color: #222222 transparent transparent transparent;
    transform: rotate(37deg);
    -moz-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
}
.arrow-2:before {
    content: '';
    position: absolute;
    left: 30px;
    bottom: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 7px 0 7px;
    border-color: #222222 transparent transparent transparent;
    transform: rotate(-37deg);
    -moz-transform: rotate(-37deg);
    -webkit-transform: rotate(-37deg);
}
#footer .flicker-box {
    float: left;
    width: 100%;
}
#footer .flicker-box ul {
    float: left;
    margin: 0 -15px 0 0;
    padding: 0;
}
#footer .flicker-box li {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
#footer .flicker-box li img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
#footer .flicker-box li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.get-connected-form {
    float: left;
    width: 100%;
    margin: 0;
}
.get-connected-form .fa {
    display: block;
    font-size: 46px;
    line-height: 46px;
}
.get-connected-form p {
    margin: 0 0 20px 0;
}
.get-connected-form input[type="text"] {
    float: left;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background-color: #222;
    border: 0;
    margin: 0 0 11px 0;
    border-radius: 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.get-connected-form input[type="submit"] {
    border: 0;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font: 700 12px/12px "Open Sans", sans-serif;
    margin: 0;
    float: right;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-section-1 a.btn-7 {
    float: left;
    border: 0;
    color: #fff;
}
.footer-section-1 input[type="submit"] {
    border-radius: 5px;
    box-shadow: none;
    padding: 12px 20px;
}
.footer-section-1 .box .bx-wrapper {
    margin: 0;
    width: 100%;
    float: left;
}
.footer-section-1 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.footer-section-1 .bx-wrapper .bx-controls-direction a {
    display: none;
}
.footer-section-1 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    display: none;
}
#footer-tweets li {
    padding: 0;
}
.footer-section-2 {
    float: left;
    width: 100%;
    background-color: #09502e;
    padding: 30px 0;
}
.footer-section-2 strong.copy {
    font: 400 12px/20px "Open Sans", sans-serif;
    color: #ccc;
    float: left;
}
.footer-section-2 strong.copy a {
    color: #ccc;
    text-decoration: none;
}
.footer-section-2 strong.copy a:hover {
    color: #fff;
}
.footer-nav {
    float: right;
}
.footer-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-nav ul li {
    float: left;
    padding: 0 0 0 23px;
    line-height: normal;
}
.footer-nav ul li:first-child {
    padding: 0;
}
.footer-nav ul li a {
    font: 400 12px/12px "Open Sans", sans-serif;
    color: #ccc;
    text-decoration: none;
}
.footer-nav ul li a:hover {
    color: #fff;
}
.footer-section-3 {
    float: left;
    width: 100%;
}
.footer-section-3 .holder {
    padding: 50px 0 0 0;
}
.footer-section-3 .box {
    float: left;
    width: 100%;
}
.footer-section-3 .box iframe {
    width: 100%;
    float: left;
}
.footer-section-3 .box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-section-3 .box ul li:first-child {
    border: 0;
}
.footer-section-3 .box ul li {
    padding: 15px 0;
    line-height: normal;
    border-top: 1px solid #444;
}
.footer-section-3 .box ul li a {
    font: 600 14px/14px 'Ubuntu', serif;
    text-transform: capitalize;
    color: #222;
    text-decoration: none;
}
.footer-section-3 .box ul li a:hover {
    color: #fff;
}
.footer-section-3 .box ul li a .fa {
    font-size: 12px;
    padding: 0 10px 0 0;
}
.footer-section-3 .box h2 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 15px 0;
}
.theme-style-1 .tags {
    float: left;
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
    width: 100%;
}
#footer .footer-section-3 .tags li {
    padding: 0 10px 10px 0;
    float: left;
    line-height: none;
    border: 0;
    width: auto;
}
#main .tags li {
    padding: 0 10px 10px 0;
    float: left;
    line-height: none;
    border: 0;
    width: auto;
}
.tags li strong.title {
    font: 600 18px/30px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    float: left;
    padding: 0;
}
#footer .tags li a {
    display: block;
    text-decoration: none;
    background-color: #444;
    border-radius: 20px;
    padding: 6px 14px;
    font: 400 14px/22px "Open Sans", sans-serif;
    text-transform: capitalize;
    color: #222;
    text-decoration: none;
}
#main .tags li a:hover {
    color: #fff;
}
.footer-section-3 .box address {
    width: 223px;
    float: left;
    margin: 0;
}
.footer-section-3 .box address p {
    color: #222;
    margin: 0 0 40px 0;
}
.footer-section-3 .box address ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-section-3 .box address ul li {
    padding: 0 0 18px 0;
    border: 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
}
.footer-section-3 .box address ul li a {
    text-transform: capitalize;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
}
.footer-section-3 .box address ul li .fa {
    padding: 0 11px 0 0;
}
.footer-social {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-social .holder {
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    padding: 20px 0;
}
.footer-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    text-align: center;
}
.footer-social ul li {
    display: inline-block;
    padding: 0 3px;
    margin: 0 0 10px 0;
    position: relative;
}
.footer-social ul li a {
    padding: 0;
    display: block;
    background-color: #333;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    width: 93px;
    height: 42px;
    font: 400 12px/42px "Open Sans", sans-serif;
}
.footer-social ul li a.icon {
    font-size: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 93px;
    height: 42px;
}
.footer-social ul li:hover a.icon {
    opacity: 1;
}
.footer-social strong.copy {
    text-align: center;
    display: block;
    font: 400 12px/12px "Open Sans", sans-serif;
    color: #222;
    padding: 20px 0;
}
.footer-social strong.copy a {
    text-decoration: none;
    color: #222;
}
.footer-social strong.copy a:hover {
    color: #fff;
}
.footer-section-4 {
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
}
.footer-section-4 .holder {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #444;
}
.footer-section-4 .box {
    float: left;
    width: 100%;
}
.footer-section-4 .box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-section-4 .box ul li {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #444;
}
.footer-section-4 .box ul li:first-child {
    padding: 0 0 20px 0;
    border: 0;
}
.footer-section-4 .box h2 {
    font: 600 24px/24px 'Ubuntu', serif;
    color: #fff;
    margin: 0 0 18px 0;
}
.footer-section-4 .box .frame {
    float: left;
    border: 2px solid #fff;
    margin: 0 30px 0 0;
    overflow: hidden;
}
.footer-section-4 .box .frame img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.footer-section-4 .box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.footer-section-4 .box .text-box {
    overflow: hidden;
}
.footer-section-4 .box .text-box a.title {
    font: 600 14px/18px 'Ubuntu', serif;
    color: #fff;
    text-transform: capitalize;
    display: block;
    padding: 0 0 10px 0;
}
.footer-section-4 .box .text-box a.title:hover {
    text-decoration: none;
}
.footer-section-4 .box .text-box span.discount {
    font: 400 18px/18px "Open Sans", sans-serif;
    color: #222;
    text-decoration: line-through;
    float: left;
    padding: 0 4px 0 0;
}
.footer-section-4 .box .text-box span.price {
    font: 400 18px/18px "Open Sans", sans-serif;
    float: left;
}
.footer-section-4 .box .slider-box {
    float: left;
    width: 100%;
}
.footer-section-4 .box .slider-box .frame {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #fff;
    margin-bottom: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-section-4 .box .slider-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.footer-section-4 .box .slider-box .frame .caption strong.tag-off {
    padding: 10px 12px;
    background-color: rgba(0, 0, 0, 0.5);
    float: left;
    font: 700 18px/20px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 8px 0 0 8px;
}
.footer-section-4 .box .slider-box .frame .caption strong.tag-off span {
    display: block;
}
.footer-section-4 .box .slider-box .frame .caption a.cart {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    left: 8px;
    bottom: 45px;
}
.footer-section-4 .box .slider-box .frame .caption a.like {
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    left: 8px;
    bottom: 8px;
}
.footer-section-4 .box .text-box strong.title {
    display: block;
    text-align: center;
    color: #fff;
    font: 600 14px/18px 'Ubuntu', serif;
    text-transform: capitalize;
    padding: 0 0 5px 0;
}
.footer-section-4 .box .text-box strong.title a {
    text-decoration: none;
    color: #fff;
}
.price-row {
    display: block;
    width: 100%;
    text-align: center;
}
#footer .price-row span {
    text-align: center;
    display: inline-block;
    float: none;
}
#features-section-2 {
    float: left;
    width: 100%;
    background: url("../images/recent-bg.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/recent-bg.gif*/
    
    ) repeat;
}
#wrapper .bg-none-1 {
    background: #fff;
}
#wrapper .islamic-feature-padd {
    padding: 50px 0 20px 0;
}
.bg-none-1 p {
    text-align: center;
    margin: 0 0 80px 0;
}
.bg-none-1 .features-section-3 .features-2-box {
    padding: 0 75px 30px;
}
.features-margin {
    margin: -50px 0 0 0;
}
.features-padd {
    padding: 100px 0 50px 0;
}
#wrapper #features-section-2 .holder {
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 60px 0;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.politics-padd#features-section-2 .holder {
    padding: 100px 0 70px 0;
}
.features-section-3 .features-2-box {
    background-color: #fff;
    padding: 0 75px 30px 75px;
}
.features-section-3 .features-2-box a.btn-more {
    margin: 0 auto 30px;
    font-weight: 400;
    border-radius: 18px;
    padding: 10px 30px;
    text-transform: capitalize;
}
.features-2-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.features-2-box:hover .icon-box .fa {
    color: #fff;
}
#features-section-2 .features-2-box:hover a.btn-more {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
#features-section-2 .features-2-box h3 {
    text-align: center;
    margin: 0 0 15px 0;
    text-transform: capitalize;
}
#features-section-2 .features-2-box h3 a {
    text-decoration: none;
    color: #222;
}
#features-section-2 .features-2-box p {
    text-align: center;
    line-height: 22px;
    color: #666;
    margin: 0 0 20px 0;
}
.features-2-box .icon-box {
    border: 1px solid #e1e1e1;
    width: 99px;
    height: 99px;
    margin: -50px auto 20px;
    display: block;
    background-color: #fff;
}
.features-2-box .icon-box a {
    display: block;
    text-align: center;
    line-height: 100px;
    font-size: 60px;
    text-decoration: none;
}
.features-2-box .icon-box:hover a {
    color: #fff;
}
.features-2-box a.btn-more {
    padding: 12px 15px;
    display: table;
    margin: 0 auto -20px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font: 700 16px/16px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
}
.features-2-box a.btn-more:hover {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
#wrapper .eco-features {
    float: left;
    width: 100%;
    background-image: url("../images/eco-features-bg.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-features-bg.jpg*/
    
    );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#wrapper .eco-features .holder {
    padding: 100px 0 50px 0;
}
.eco-features-box {
    float: left;
    width: 100%;
}
#main .eco-features-box:hover img {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
#main .eco-features-box:hover .eco-icon .fa {
    color: #fff;
}
.eco-features-box .frame {
    border: 7px solid #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    float: left;
    margin: 0 0 20px 0;
    position: relative;
    box-shadow: 0 0px 1px 0px #000;
    -moz-box-shadow: 0 0px 1px 0px #000;
    -webkit-box-shadow: 0 0px 1px 0px #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eco-features-box .frame img {
    display: block;
    width: 100%;
    border-radius: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    overflow: hidden;
}
.eco-features-box .frame:hover img {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.eco-icon {
    border: 7px solid #fff;
    background-color: #e1e1e1;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -24%;
    box-shadow: 0 0px 1px 0px #000;
    -moz-box-shadow: 0 0px 1px 0px #000;
    -webkit-box-shadow: 0 0px 1px 0px #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eco-icon a {
    display: block;
    text-align: center;
    font-size: 60px;
    color: #666;
    line-height: 110px;
    margin-top:20px;
}
.eco-icon:hover a {
    color: #fff;
}
.eco-features-box .text-box {
    float: left;
    width: 100%;
}
.eco-features-box .text-box h3 {
    text-align: center;
    text-transform: capitalize;
}
.eco-features-box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.eco-features-box .text-box p {
    margin: 0 0 20px 0;
    text-align: center;
}
.our-projects {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 50px 0;
}
.our-project-slider {
    margin: 0;
}
.our-projects .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.our-projects .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.our-project-slider>li {
    position: relative;
}
.our-project-slider>li a img {
    width: 100%;
    display: block;
}
.our-project-slider>li .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), color-stop(8%, rgba(0, 0, 0, 0.04)), color-stop(25%, rgba(0, 0, 0, 0.18)), color-stop(49%, rgba(0, 0, 0, 0.45)), color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(89%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    padding: 72px 0 15px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.our-project-slider>li .caption a {
    text-decoration: none;
    display: block;
    text-align: center;
    font: 600 20px/20px 'Ubuntu', serif;
    text-transform: capitalize;
    color: #fff;
}
.our-projects .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    display: none;
}
.our-projects .bx-wrapper .bx-controls-direction a {
    height: 20px;
    margin-top: 0;
    position: absolute;
    text-indent: inherit;
    top: -53px;
    width: 37px;
    font-size: 0;
    text-decoration: none;
}
.our-projects .bx-wrapper .bx-controls-direction a:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.our-projects .bx-wrapper .bx-next {
    background: none;
}
.our-projects .bx-wrapper .bx-next:before {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    display: block;
}
.our-projects .bx-wrapper .bx-prev {
    background: none;
    left: inherit;
    right: 52px;
}
.our-projects .bx-wrapper .bx-prev:before {
    content: "\f177";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    display: block;
}
.imglist {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    display: block;
}
.imglist li {
    margin: 0;
    float: left;
}
.imglist {
    display: block
}
.imglist img {
    opacity: 0;
}
.example-wrap {
    background: #222;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {}.fact-box {
    float: left;
    width: 100%;
    text-align: center;
}
.fact-box-2 {
    float: left;
    width: 100%;
    position: relative;
    border-left: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fact-box .fa {
    display: block;
    text-align: center;
    font-size: 46px;
    line-height: 46px;
    color: #fff;
    margin: 0 0 25px 0;
}
.fact-box strong.number {
    display: inline-block;
    text-align: center;
    font: 700 50px/50px "Open Sans", sans-serif;
    color: #fff;
    margin: 0 0 35px 0;
}
.fact-box span {
    text-align: center;
    font: 700 50px/50px "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
}
.fact-box a {
    text-decoration: none;
    display: block;
    text-align: center;
    font: 600 18px/18px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
}
.fact-box a:hover {
    text-decoration: none;
    color: #fff;
}
.height-auto {
    height: auto;
}
.team-section-2 {
    float: left;
    width: 100%;
    background-color: #fff;
}
.team-section-2 h2 {
    margin: 0 0 20px 0;
}
.team-box-2 {
    float: left;
    width: 100%;
}
.team-box-2 .frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 25px 0;
    overflow: hidden;
}
.team-box-2 .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.team-box-2 .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.team-box-2 .text-box {
    float: left;
    width: 100%;
}
.team-box-2 .text-box h3 {
    text-align: center;
    margin: 0 0 15px 0;
}
.team-box-2 .text-box h3 a {
    color: #222;
    text-decoration: none;
}
.team-box-2 .text-box strong.designation {
    display: block;
    text-align: center;
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    font-weight: 400;
    padding: 0 0 15px 0;
}
.team-box-2 .text-box p {
    text-align: center;
    margin: 0 0 20px 0;
}
.team-social-3 {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.team-social-3 li {
    display: inline-block;
    padding: 0;
}
.team-social-3 li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #222;
    text-decoration: none;
}
.team-social-3 li a:hover {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.other-members {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}
.other-members-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.other-members-box .frame {
    float: left;
    width: 100%;
    position: relative;
}
.other-members-box .frame img {
    display: block;
    width: 100%;
}
.other-members-box .frame .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 13px 0;
    width: 100%;
    opacity: 0;
}
.other-members-box .frame:hover .caption {
    opacity: 1;
}
.other-members-box .frame .caption h3 {
    text-align: center;
    color: #fff;
    margin: 0;
}
.other-members-box .frame .caption h3 a {
    text-decoration: none;
    color: #fff;
}
.other-members-box .frame .caption strong.designation {
    display: block;
    text-align: center;
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
}
.event-timer {
    display: block;
    text-align: center;
}
.countdown-container {
    position: relative;
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    width: 756px;
}
.wrap {
    float: left;
    width: 145px;
    margin: 0 0 0 44px;
    position: relative;
}
#welcome-section .event-timer p.val {
    font: 700 40px/20px "Open Sans", sans-serif;
}
#welcome-section .event-timer p.type-days {
    font: 400 20px/20px "Open Sans", sans-serif;
}
span.colun-1 {
    background: url("../images/colun-img.png"
    /*tpa=http://html.crunchpress.com/be-good/images/colun-img.png*/
    
    ) no-repeat center top;
    width: 10px;
    height: 40px;
    text-indent: -90000px;
    position: absolute;
    left: 207px;
    top: 56px;
}
span.colun-2 {
    background: url("../images/colun-img.png"
    /*tpa=http://html.crunchpress.com/be-good/images/colun-img.png*/
    
    ) no-repeat center top;
    width: 10px;
    height: 40px;
    font-size: 40px;
    color: #d2e0e1;
    text-indent: -90000px;
    position: absolute;
    left: 394px;
    top: 56px;
}
span.colun-3 {
    background: url("../images/colun-img.png"
    /*tpa=http://html.crunchpress.com/be-good/images/colun-img.png*/
    
    ) no-repeat center top;
    width: 10px;
    height: 40px;
    font-size: 40px;
    color: #d2e0e1;
    text-indent: -90000px;
    position: absolute;
    left: 585px;
    top: 56px;
}
.clock-item .inner {
    height: 0px;
    padding-bottom: 0;
    position: relative;
    width: 145px;
    height: 145px;
}
.clock-canvas {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    height: 0px;
    padding-bottom: 100%;
}
.text {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
}
.event-timer .text p.val {
    font: 300 52px "Open Sans", sans-serif;
    margin: 0;
}
.event-timer .text .type-time {
    font: 400 20px "Open Sans", sans-serif;
    margin: 18px 0 0 0;
}
.latest-seromns {
    float: left;
    width: 100%;
    background-color: #fff;
}
.latest-seromns p {
    text-align: center;
    margin: 0 0 30px 0;
}
.latest-seromns .frame {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    overflow: hidden;
}
.latest-seromns .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.latest-seromns .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.latest-seromns .text-box {
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
}
.latest-seromns .text-box p {
    text-align: left;
}
#main .detail-row {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.detail-row ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.theme-style-1 .recent-post-2 a.btn-3,
.theme-style-1 .recent-post-2 a.btn-4 {
    margin: 30px auto 0;
}
#main .detail-row ul li {
    float: left;
    padding: 0;
    background: none;
    width: auto;
}
.detail-row ul li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-decoration: none;
}
.detail-row ul li a .fa {
    padding: 0 5px 0 0;
}
.player-btn-row {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.player-btn-row ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.player-btn-row ul li {
    float: left;
    padding: 0 21px 0 0;
}
.player-btn-row ul li a {
    width: 69px;
    height: 69px;
    border: 1px solid #ccc;
    border-radius: 100%;
    display: block;
    text-decoration: none;
    font-size: 28px;
    color: #222;
    text-align: center;
    line-height: 69px;
}
.player-btn-row ul li a:hover {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.player-btn-row-2 {
    float: left;
    width: 100%;
}
.player-btn-row-2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#main .player-btn-row-2 ul li {
    float: left;
    padding: 0;
    margin: 0 0 0 40px;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #ccc;
}
#main .player-btn-row-2 ul li:first-child {
    margin: 0;
}
.player-btn-row-2 ul li:before {
    content: "";
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.player-btn-row-2 ul li a {
    display: block;
    text-decoration: none;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.parallax-area {
    float: left;
    width: 100%;
    background-image: url("../images/parallax-church-img.png"
    /*tpa=http://html.crunchpress.com/be-good/images/parallax-church-img.png*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    background-color: #e06955;
    float: left;
    width: 100%;
    padding: 100px 0 0 0;
    position: relative;
    overflow: hidden;
}
#main .parallax-islamic {
    background-image: url("../images/parallax-islamic.png"
    /*tpa=http://html.crunchpress.com/be-good/images/parallax-islamic.png*/
    
    );
}
.parallax-area .text-box {
    float: left;
    width: 521px;
}
.parallax-area .text-box h2 {
    font-size: 36px;
    color: #fff;
    margin: 0 0 45px 0;
}
.parallax-area .text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-area .text-box ul li {
    padding: 0 0 50px 0;
    line-height: normal;
}
.parallax-area .text-box ul li strong.title {
    font: 700 20px/20px 'Ubuntu', serif;
    color: #fff;
    display: block;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}
.parallax-area .text-box ul li .fa {
    padding: 0 19px 100px 0;
    font-size: 18px;
    color: #fff;
    float: left;
}
.parallax-area .text-box ul li p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.parallax-area .frame {
    float: right;
}
.donation-section {
    float: left;
    width: 100%;
    background-image: url("../images/donation-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/donation-bg.png*/
    
    );
    background-attachment: fixed;
    background-size: 100%;
    background-color: #000;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.donation-bg {
    background-image: url("../images/donation-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/donation-bg-2.png*/
    
    );
    background-position: center top;
    background-repeat: repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.donation-section a.btn-3:before {
    background: url("../images/btn-3-before-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-before-bg-2.png*/
    
    ) no-repeat left center;
}
.donation-section a.btn-3:after {
    background: url("../images/btn-3-after-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-3-after-bg-2.png*/
    
    ) no-repeat left center;
}
.donation-section a.btn-3 {
    outline: 0;
    border: 0;
}
.donation-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/parrten-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/parrten-bg.png*/
    
    ) repeat;
}
.donation-section .holder {
    width: 760px;
    margin: 0 auto;
    position: relative;
}
.donation-section .holder strong.title {
    font: 600 20px/20px 'Ubuntu', serif;
    color: #fff;
    display: block;
    text-transform: capitalize;
    text-align: center;
    padding: 0 0 28px 0;
}
.donation-section .holder h2 {
    text-align: center;
    color: #fff;
    margin: 0 0 50px 0;
}
.progress-bar-box {
    float: left;
    width: 100%;
}
.progress-bar-box .progress {
    background-color: #fff;
    background-image: none;
    border-radius: 18px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    height: 25px;
    margin-bottom: 50px;
    overflow: hidden;
    border: 5px solid #fff;
}
.progress-bar-box .progress-striped .bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    height: 100%;
}
.donation-section .holder strong.amount {
    display: block;
    font: 600 18px/18px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    padding: 0 0 50px 0;
}
.donation-bg .progress-bar-box .progress-striped .bar {}.donation-bg a.btn-4:before {
    background: url("../images/btn-4-before-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-before-bg-2.png*/
    
    ) no-repeat left center;
}
.donation-bg a.btn-4:after {
    background: url("../images/btn-4-after-bg-2.png"
    /*tpa=http://html.crunchpress.com/be-good/images/btn-4-after-bg-2.png*/
    
    ) no-repeat left center;
}
.our-staf {
    float: left;
    width: 100%;
}
.our-staf .box {
    float: left;
    width: 100%;
}
.our-staf .box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.our-staf .box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.our-staf .box .frame .caption a.link {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.our-staf .box .frame:hover .caption {
    opacity: 1;
}
.our-staf .box .frame-2 {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 100% 100% 0 0;
}
.our-staf .box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.our-staf .box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.our-staf .box .text-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.our-staf .box .text-box h3 {
    text-align: center;
    margin: 0 0 15px 0;
    text-transform: capitalize;
}
.our-staf .box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.our-staf .box .text-box strong.destination {
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
    text-align: center;
}
.our-visions {
    float: left;
    width: 100%;
    background-color: #fff;
}
.our-visions p {
    text-align: center;
    color: #222;
    margin: 0 0 25px 0;
}
.eco-tab-area {
    float: left;
    width: 100%;
}
.eco-tab-area .nav-tabs {
    border: 0;
    margin: 0;
}
.eco-tab-area .nav-tabs>li {
    margin: 0;
    float: none;
    display: block;
    line-height: normal;
    border-bottom: 1px solid #e1e1e1;
}
.eco-tab-area .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    line-height: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.eco-tab-area .nav-tabs>li>a,
.nav-pills>li>a {
    font: 600 16px/16px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.eco-tab-area .nav-tabs>li>a .fa {
    padding: 0 10px 0 0;
    font-size: 12px;
}
#main .eco-tab-area .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    border: 0;
    color: #fff;
}
#main .eco-tab-area .nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    color: #fff;
}
.eco-tab-text-box {
    float: left;
    width: 100%;
}
.eco-tab-text-box h3 {
    text-transform: capitalize;
    margin: 0 0 15px 0;
}
.eco-tab-text-box p {
    margin: 0 0 20px 0;
    text-align: left;
    color: #666;
}
.eco-tab-text-box .frame {
    float: right;
    margin: 0 0 0 50px;
}
.eco-tab-text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.eco-tab-text-box ul li {
    padding: 0 0 10px 0;
    overflow: hidden;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.eco-tab-text-box ul li .fa {
    padding: 0 14px 0 0;
}
.eco-upcoming-events {
    float: left;
    width: 100%;
    background-image: url("../images/eco-upcoming-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-upcoming-bg.png*/
    
    );
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.eco-upcoming-events h2 {
    color: #fff;
    border-color: #ccc;
}
.eco-upcoming-events h2 a {
    color: #fff;
}
.theme-style-1 .eco-upcoming-events strong.heading-title {
    color: #fff;
}
.eco-upcoming-events p {
    color: #fff;
    text-align: center;
    margin: 0 0 25px 0;
}
.eco-upcoming-events strong {
    color: #fff;
}
.eco-upcoming-events .heading-style-5:before {
    border-color: #fff;
}
.eco-upcoming-events .holder {
    margin: 0 auto;
    width: 570px;
}
.eco-upcoming-events .holder .frame {
    float: left;
    width: 100%;
    padding: 4px;
    margin: 0 0 20px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eco-upcoming-events .holder .frame img {
    display: block;
    width: 100%;
}
.eco-upcoming-events .holder .text-box {
    float: left;
    width: 100%;
}
.eco-upcoming-events .holder .text-box strong.date {
    float: left;
    padding: 10px 19px;
    background-color: #fff;
    font: 300 30px/30px "Open Sans", sans-serif;
    color: #222;
    text-align: center;
    margin: 0 30px 100px 0;
}
.eco-upcoming-events .holder .text-box strong.date span {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    display: block;
}
.eco-upcoming-events .holder .text-box h3 {
    color: #fff;
    margin: 0 0 10px 0;
    text-transform: capitalize;
}
.eco-upcoming-events .holder .text-box h3 a {
    text-decoration: none;
    color: #fff;
}
.eco-upcoming-events .holder .text-box p {
    color: #fff;
    text-align: left;
    margin: 0 0 10px 0;
}
.eco-upcoming-events .holder .text-box p a {
    color: #fff;
    text-decoration: none;
}
.events-row {
    width: 100%;
    margin: 0 0 30px 0;
}
.events-row a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    margin: 0 50px 0 0;
}
.events-row a .fa {
    padding: 0 5px 0 0;
}
.events-row a:hover {
    text-decoration: underline;
    color: #fff;
}
.outer {
    margin: 0 auto;
    width: 350px;
}
.eco-event-time-box {
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    position: relative;
    margin: 0 0 30px 0;
}
.eco-event-time-box:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.3);
}
.eco-event-time-box:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.3);
}
.eco-event-time-box .countdown_section {
    display: inline-block;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
}
.eco-event-time-box .countdown_amount {
    display: block;
    font: 400 36px/30px "Open Sans", sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
.btn-row {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
.btn-row a.btn-5 {
    display: inline-block;
    margin: 0 5px
}
.eco-upcoming-events .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.eco-upcoming-events .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.eco-upcoming-events .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    height: 7px;
    margin: 0 5px;
    width: 7px;
    border: 3px solid #fff;
}
.eco-upcoming-events .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 0;
    display: none;
}
.eco-upcoming-events .bx-wrapper .bx-next {
    background: none;
    right: 50px;
}
.eco-upcoming-events .bx-wrapper .bx-next:before {
    content: "\f054";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
.eco-upcoming-events .bx-wrapper .bx-controls-direction a {
    height: auto;
    position: absolute;
    text-indent: inherit;
    font-size: 0;
    text-decoration: none;
    top: 50%;
    width: auto;
}
.eco-upcoming-events .bx-wrapper .bx-prev {
    background: none;
    left: 50px;
}
.eco-upcoming-events .bx-wrapper .bx-prev:before {
    content: "\f053";
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-family: FontAwesome;
}
.gallery-collection {
    float: left;
    width: 100%;
}
.gallery-collection p {
    text-align: center;
    margin: 0 0 30px 0;
}
.gallery-collection ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.gallery-collection ul li {
    float: left;
    padding: 0;
}
.gallery-collection .collection-box {
    float: left;
    width: 512px!important;
}
#main .collection-box .frame {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;
}
.collection-box .frame img {
    width: 100%;
}
.collection-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
}
.collection-box .frame:hover .caption {
    opacity: 1;
}
.collection-box .frame .caption a.search {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.collection-box .text-box {
    float: left;
    width: 100%;
    border-bottom: 4px solid #ccc;
    padding: 0 0 18px 0;
}
.collection-box .text-box h3 {
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 10px 0;
}
.collection-box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.collection-box .text-box strong.name {
    font: italic 700 14px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
    text-align: center;
}
.eco-testimonials-section {
    background-image: url("../images/eco-testimonial-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-testimonial-bg.png*/
    
    );
    background-repeat: repeat;
    background-position: center top;
    background-size: cover;
    float: left;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
    width: 100%;
}
.theme-style-1 .eco-testimonials-section strong {
    color: #fff;
}
.theme-style-1 .eco-testimonials-section h2 {
    color: #fff;
    border-color: #ccc;
}
.eco-testimonials-section p {
    text-align: center;
    color: #fff;
    margin: 0 0 30px 0;
}
.theme-style-1 .heading-style-5:before {
    border-color: #fff;
}
.eco-testimonials-section .holder {
    width: 100%;
    margin: 0 auto;
}
#eco-testimonials-slider {
    margin: 0;
}
.eco-testimonials-box {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    background-color: #fff;
    padding: 30px 57px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eco-testimonials-box blockquote {
    float: left;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
.eco-testimonials-box blockquote .fa {
    display: block;
    text-align: center;
    font-size: 36px;
    margin: 0 0 28px 0;
}
.eco-testimonials-box blockquote p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 0 0 15px 0;
}
.eco-testimonials-box blockquote .frame {
    display: table;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0 auto 15px;
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.eco-testimonials-box blockquote .frame img {
    border-radius: 100%;
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.eco-testimonials-box blockquote .frame:hover img {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.eco-testimonials-box blockquote strong.name {
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #666;
    text-align: center;
    display: block;
    padding: 0 0 8px 0;
}
.eco-testimonials-box blockquote strong.designation {
    font: 300 16px/16px "Open Sans", sans-serif;
    color: #666;
    text-align: center;
    display: block;
}
.eco-testimonials-section .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.eco-testimonials-section .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.eco-testimonials-section .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 100%;
    height: 7px;
    margin: 0 5px;
    width: 7px;
    border: 3px solid #fff;
}
.eco-testimonials-section .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    padding: 0;
    bottom: 0;
    display: none;
}
.eco-testimonials-section .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
.eco-testimonials-section .bx-wrapper .bx-next:before {
    content: "\f105";
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-family: FontAwesome;
}
.eco-testimonials-section .bx-wrapper .bx-controls-direction a {
    height: auto;
    position: absolute;
    text-indent: inherit;
    font-size: 0;
    text-decoration: none;
    top: 50%;
    width: auto;
}
.eco-testimonials-section .bx-wrapper .bx-prev {
    background: none;
    left: 0;
}
.eco-testimonials-section .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-family: FontAwesome;
}
.main-causes {
    float: left;
    width: 100%;
}
.main-causes .nav-tabs {
    border-bottom: 1px solid #ccc;
    margin: 0 0 30px 0;
}
.main-causes .nav-tabs>li {
    margin: 0;
}
.main-causes .nav-tabs>li>a {
    border: 0;
    border-radius: 3px 3px 0 0;
    line-height: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.main-causes .nav-tabs>li>a,
.nav-pills>li>a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
}
.main-causes .nav-tabs>.active>a,
.main-causes .nav-tabs>.active>a:hover,
.main-causes .nav-tabs>.active>a:focus {
    border: 0;
    color: #fff;
    outline: none;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.main-causes .nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border-color: transparent;
}
.main-causes .nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.causes-tab-content {
    float: left;
    width: 100%;
}
.causes-tab-content .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.causes-tab-content .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
}
.causes-tab-content .frame:hover img {
    transform: scale(1.1);
}
.causes-tab-content .frame:after {
    content: '';
    position: absolute;
    right: -56px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 56px 250px 56px;
    border-color: transparent transparent #ffffff transparent;
}
.causes-tab-content .text-box {
    float: left;
    width: 100%;
    margin: 0 0 35px 0;
}
.causes-tab-content .text-box h3 {
    margin: 0 0 15px 0;
}
.causes-tab-content .text-box h3 a {
    color: #222;
    font: 600 20px/20px 'Ubuntu', serif;
    text-decoration: none;
    padding: 0;
    text-transform: capitalize;
}
.causes-tab-content .text-box a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    display: block;
    text-decoration: none;
    padding: 0 0 15px 0;
}
.causes-tab-content .text-box a .fa {
    padding: 0 5px 0 0;
}
.causes-tab-content .text-box p {
    margin: 0 0 25px 0;
}
.progress-box {
    float: left;
    width: 100%;
}
.progress-box .progress {
    background: #cdcdcd;
    background: -moz-linear-gradient(top, #cdcdcd 0%, #d5d5d5 29%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(29%, #d5d5d5), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #cdcdcd 0%, #d5d5d5 29%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #cdcdcd 0%, #d5d5d5 29%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #cdcdcd 0%, #d5d5d5 29%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #cdcdcd 0%, #d5d5d5 29%, #f3f3f3 100%);
    border-radius: 7px;
    box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2) inset;
    height: 15px;
    margin-bottom: 25px;
    overflow: hidden;
}
.progress-box .bar {
    height: 100%;
}
.causes-tab-tags {
    float: left;
    width: 100%;
}
.causes-tab-tags ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#main .causes-tab-tags ul li {
    float: left;
    padding: 0 2px 0 0;
    margin: 0;
}
.causes-tab-tags ul li .fa {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    padding: 0 5px 0 0;
    float: left;
}
.causes-tab-tags ul li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-decoration: none;
    float: left;
}
.donation-detail {
    float: left;
    width: 100%;
}
.donation-detail ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.donation-detail ul li {
    padding: 13px 0 15px 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.donation-detail ul li:first-child {
    padding: 0 0 15px 20px;
}
.donation-detail strong.number {
    font: 600 18px/18px 'Ubuntu', serif;
    color: #222;
    display: block;
    padding: 0 0 5px 0;
}
.donation-detail strong.detail {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
}
.donation-detail ul li:hover {
    background-color: #f5f5f5;
}
.causes-list {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
}
.causes-list h2 {
    margin: 0 0 20px 0;
}
.causes-list ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}
.causes-list ul li {
    float: left;
    margin-bottom: 30px;
}
.causes-list-box {
    float: left;
    width: 100%;
    padding: 4px 4px 19px 4px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.causes-list-box .frame {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative;
}
.causes-list-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.causes-list-box .frame:hover .caption {
    opacity: 1;
}
.causes-list-box .frame .caption a.link {
    border: 1px solid #fff;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.causes-list-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.causes-list-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.causes-list-box .text-box {
    float: left;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.causes-list-box .text-box h3 {
    margin: 0 0 15px 0;
}
.theme-style-1 .causes-list-box .text-box h3 a {
    text-decoration: none;
    color: #222;
    font: 600 20px/20px 'Ubuntu', serif;
    padding: 0;
    text-transform: capitalize;
}
.causes-list-box .text-box a {
    color: #222;
    display: block;
    font: 400 14px/14px "Open Sans", sans-serif;
    padding: 0 0 15px;
    text-decoration: none;
}
.causes-list-box .text-box a .fa {
    padding: 0 5px 0 0;
}
.causes-list-box .text-box p {
    margin: 0 0 15px 0;
}
.causes-list-progress {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
}
.causes-list-progress .progress {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    box-shadow: 0 0 0 1px #ccc;
    height: 15px;
    margin-bottom: 30px;
    overflow: inherit;
}
.causes-list-progress .progress-bar {
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}
.causes-list-progress span.percentage-1 {
    width: 65px;
    height: 28px;
    background-color: #fff;
    border: 4px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    right: -3px;
    top: -8px;
    border-radius: 25px;
    font: 700 14px/20px "Open Sans", sans-serif;
    color: #666;
    text-align: center;
}
.causes-list-progress .progress-striped .bar {
    height: 100%;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    position: relative;
}
.detail-row-2 {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
}
#wrapper #main .detail-row-2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: none;
    text-align: center;
}
#main .detail-row-2 li {
    display: inline-block;
    padding: 13px 28px;
    background-color: #f5f5f5;
    margin: 0 0 10px 0;
    float: none;
    width: auto;
}
.detail-row-2 li:first-child {
    margin: 0;
}
.detail-row-2 strong.number {
    font: 600 18px/18px 'Ubuntu', serif;
    color: #222;
    display: block;
    text-align: center;
    padding: 0 0 10px 0;
}
.detail-row-2 strong.detail-text {
    font: 400 14px/22px "Open Sans", sans-serif;
    color: #666;
    display: block;
    text-align: center;
}
.causes-video {
    float: left;
    width: 100%;
    height: 600px;
    position: relative;
    padding: 0;
}
.causes-video .modal-body {
    width: 1170px;
    margin: 0 auto;
}
.causes-video:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/eco-banner-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/eco-banner-pattren.png*/
    
    );
}
.causes-video .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 180px;
}
.causes-video a {
    text-align: center;
    display: block;
    font-size: 100px;
    color: #fff;
    position: relative;
    text-decoration: none;
    margin: 0 0 10px 0;
    outline: none;
}
.causes-video a:hover {
    color: #fff;
}
.causes-video a:focus {
    color: #fff;
    outline: none;
    text-decoration: none;
}
.causes-video strong.title {
    display: block;
    font: 700 36px/36px 'Ubuntu', serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.causes-video .modal-header {
    padding: 0;
    border: 0;
}
.causes-video button.close {
    margin: 0;
    font-size: 50px;
    color: #fff;
}
.causes-video .close {
    opacity: 1;
}
.causes-testimonials {
    float: left;
    width: 100%;
    background-image: url("../images/causes-testimonials-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/causes-testimonials-bg.png*/
    
    );
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 50px 0 0 0;
    position: relative;
}
.causes-testimonials:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/causes-testimonials-pattren.png"
    /*tpa=http://html.crunchpress.com/be-good/images/causes-testimonials-pattren.png*/
    
    ) repeat;
}
.causes-testimonials .holder {
    width: 760px;
    margin: 0 auto;
    position: relative;
}
.causes-testimonials .holder .fa {
    display: block;
    font-size: 74px;
    line-height: 74px;
    color: #fff;
    padding: 0 0 10px 0;
}
.causes-testimonials .holder p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0 0 43px 0;
}
.causes-testimonials .holder strong.name {
    font: 700 16px/16px "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
}
.causes-testimonials .holder strong.name span {
    border-top: 2px solid #fff;
    padding: 12px 0 0 0;
}
.causes-testimonials .holder strong.name em {
    font-style: italic;
    font-weight: 100;
}
.causes-testimonials .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.causes-testimonials .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.causes-testimonials .bx-wrapper .bx-pager {
    display: none;
}
.causes-testimonials .bx-wrapper .bx-controls-direction a {
    height: 43px;
    border-radius: 100%;
    margin-top: -16px;
    text-indent: inherit;
    top: 50%;
    width: 43px;
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 0;
}
.causes-testimonials .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
.causes-testimonials .bx-wrapper .bx-next:before {
    content: "\f105";
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 42px;
    font-family: FontAwesome;
}
.causes-testimonials .bx-wrapper .bx-prev {
    background: none;
    left: 0;
}
.causes-testimonials .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 42px;
    font-family: FontAwesome;
}
.featured-items {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.featured-items .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.featured-items .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.featured-items .frame:hover img {
    transform: scale(1.1) rotateZ(-5deg);
    -moz-transform: scale(1.1) rotateZ(-5deg);
    -webkit-transform: scale(1.1) rotateZ(-5deg);
}
.featured-items .frame:hover a.view {
    opacity: 1;
}
.featured-items .frame:hover a.title {
    opacity: 0;
}
.featured-items .frame:hover .caption:before {
    opacity: 0;
}
.featured-items .frame:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 9;
}
.featured-items .frame:hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    z-index: 9;
}
.featured-items .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.featured-items .frame .caption .inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.featured-items .frame .caption:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), color-stop(8%, rgba(0, 0, 0, 0.04)), color-stop(25%, rgba(0, 0, 0, 0.18)), color-stop(49%, rgba(0, 0, 0, 0.45)), color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(89%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
}
.featured-items .frame .caption a.title {
    display: block;
    font: 600 20px/20px 'Ubuntu', serif;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
    padding: 0 0 20px 0;
}
.featured-items .frame .caption strong.sale {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    font: 700 12px/50px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
.featured-items .frame .caption a.view {
    padding: 12px 10px;
    background-color: rgba(0, 0, 0, 0.75);
    font: 700 12px/10px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    z-index: 9;
}
.garments-collection {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.garments-collection ul {
    padding: 0;
    list-style: none;
}
.garments-collection ul li {
    float: left;
}
.collection-box {
    float: left;
    width: 100%;
}
.garments-collection .collection-box .frame:hover .caption {}.garments-collection .collection-box .frame .caption:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.garments-collection .collection-box .frame .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.collection-box .frame .caption a.like {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: block;
    padding: 8px 9px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    color: #fff;
}
.collection-box .frame .caption a.detail {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    padding: 12px 11px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font: 400 12px/12px "Open Sans", sans-serif;
    text-decoration: none;
}
.garments-collection .collection-box .text-box {
    border: 0;
    padding: 0;
}
.garments-collection .collection-box .text-box strong.price {
    font: 300 24px/24px "Open Sans", sans-serif;
    color: #222;
    display: block;
    text-align: center;
    padding: 0 0 15px 0;
    float: none;
}
.garments-collection .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    max-width: 1170px;
}
.garments-collection .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.garments-collection .bx-wrapper .bx-pager {
    display: none;
}
.garments-collection .bx-wrapper .bx-controls-direction a {
    height: 18px;
    margin-top: 0;
    text-indent: inherit;
    top: -40px;
    font-size: 0;
    width: 35px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.garments-collection .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
.garments-collection .bx-wrapper .bx-next:before {
    content: "\f178";
    font-size: 14px;
    font-family: FontAwesome;
    color: #222;
    line-height: 18px;
    display: block;
    text-indent: 3px;
    text-align: center;
}
.garments-collection .bx-wrapper .bx-prev {
    background: none;
    right: 43px;
    left: inherit;
}
.garments-collection .bx-wrapper .bx-prev:before {
    content: "\f177";
    font-size: 14px;
    font-family: FontAwesome;
    color: #222;
    line-height: 18px;
    display: block;
    text-align: center;
}
.garments-collection .bx-wrapper .bx-controls-direction a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
}
.garments-collection .bx-wrapper .bx-controls-direction a:hover:before {
    color: #fff;
}
.adds-banner {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.adds-banner .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.adds-banner .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.adds-banner .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.adds-banner .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 235px;
    height: 100%;
    border-radius: 0 148px 148px 0;
    padding: 30px 0 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.35);
    border-right: 10px solid rgba(255, 255, 255, 0.75);
}
.adds-banner .frame .caption strong {
    font: italic 700 28px/28px "Times New Roman", Times, serif;
    color: #fff;
    text-align: center;
    display: block;
}
.adds-banner .frame .caption strong span.big {
    display: block;
    font-size: 50px;
    padding: 0 0 6px 0;
}
.adds-banner .frame .caption strong em {
    display: block;
    padding: 3px 0;
}
.adds-banner .frame-2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.adds-banner .frame-2 img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.adds-banner .frame-2:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.adds-banner .frame-2 .caption-2 {
    border: 2px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 16px 0 0 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.adds-banner .frame-2 .caption-2 strong.title {
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-align: center;
}
.adds-banner .frame-2 .caption-2 strong.title em.bold {
    font-weight: 400;
    display: block;
}
.adds-banner .frame-2 .caption-2 strong.title span {
    display: block;
}
.adds-banner .frame-2 .caption-2 strong.title em.light {
    font-weight: 400;
}
.new-arrivals {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.new-arrivals ul {
    padding: 0;
    list-style: none;
}
.new-arrivals ul li {
    float: left;
}
.arrivals-box {
    float: left;
    width: 100%;
}
.arrivals-box .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.arrivals-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.arrivals-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.arrivals-box .frame .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}
.arrivals-box .frame:hover .caption {
    opacity: 1;
}
.arrivals-box .frame .caption a.like {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 10px;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 35px;
    left: 10px;
    padding: 0;
    text-align: center;
    width: 35px;
    height: 35px;
    position: absolute;
}
.arrivals-box .frame .caption a.cart {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 47px;
    color: #fff;
    display: block;
    font-size: 18px;
    left: 10px;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
}
.arrivals-box .text-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.arrivals-box .text-box h3 {
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 10px 0;
}
.rating-star {
    padding: 0;
    margin: 0 0 3px 0;
    list-style: none;
    display: block;
    text-align: center;
}
#main .rating-star li {
    display: inline-block;
    padding: 0;
    line-height: normal;
    float: none;
}
.rating-star li a {
    text-decoration: none;
    font-size: 14px;
}
.arrivals-box .text-box strong.price {
    display: block;
    text-align: center;
    font: 300 24px/24px "Open Sans", sans-serif;
    color: #222;
}
.new-arrivals .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
    max-width: 1170px;
}
.new-arrivals .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.new-arrivals .bx-wrapper .bx-pager {
    display: none;
}
.new-arrivals .bx-wrapper .bx-controls-direction a {
    height: 42px;
    margin-top: -22px;
    text-indent: inherit;
    top: 50%;
    font-size: 0;
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 42px;
    text-decoration: none;
    background: #fff;
}
.new-arrivals .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
.new-arrivals .bx-wrapper .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 42px;
    color: #222;
    text-align: center;
    display: block;
}
.new-arrivals .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 42px;
    color: #222;
    text-align: center;
    display: block;
}
.new-arrivals .bx-wrapper .bx-prev {
    background: none;
    left: 0;
}
.new-arrivals .bx-wrapper .bx-controls-direction a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
}
.new-arrivals .bx-wrapper .bx-controls-direction a:hover:before {
    color: #fff;
}
.store-blog {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.blog-box {
    float: left;
    width: 100%;
}
.blog-box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
    position: relative;
}
.blog-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.blog-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.blog-box .frame:hover .caption {
    opacity: 1;
}
.blog-box .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.blog-box .frame .caption:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.blog-box .frame .caption .inner {
    height: 43px;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.blog-box .frame .caption a.link {
    border: 1px solid #fff;
    float: left;
    color: #fff;
    font-size: 24px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 43px;
}
.blog-box .frame .caption a.search {
    border: 1px solid #fff;
    float: left;
    color: #fff;
    font-size: 24px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    width: 43px;
    margin: 0 10px 0 0;
}
.blog-box .frame .caption a.search:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.blog-box .frame .caption a.link:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.blog-box .text-box {
    float: left;
    width: 100%;
}
.blog-box .text-box h3 {
    text-transform: capitalize;
    margin: 0 0 13px 0;
}
.blog-box .text-box h3 a {
    text-decoration: none;
    color: #222;
}
.blog-box .text-box p {
    margin: 0 0 15px 0;
}
.blog-box .text-box a.btn-read {
    font: 700 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
}
.blog-row {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}
.blog-row ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.blog-row ul li {
    float: left;
    padding: 0 20px 0 0;
}
.blog-row ul li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-decoration: none;
}
.blog-row ul li a .fa {
    padding: 0 6px 0 0;
}
#footer .rating-star {
    padding: 0;
    margin: 0 0 5px 0;
    list-style: none;
    display: block;
    width: 100%;
    overflow: hidden;
}
#footer .rating-star li {
    padding: 0 2px 0 0;
    line-height: normal;
    float: left;
    border: 0;
}
#footer .rating-star li a {
    text-decoration: none;
    font-size: 14px;
}
.footer-section-4 .box .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.footer-section-4 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.footer-section-4 .bx-wrapper .bx-pager {
    display: none;
}
.footer-section-4 .bx-wrapper .bx-controls-direction a {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0;
    height: 18px;
    margin-top: 0;
    text-decoration: none;
    text-indent: inherit;
    top: -40px;
    width: 35px;
}
.footer-section-4 .bx-wrapper .bx-next {
    background: none;
    right: 0;
}
.footer-section-4 .bx-wrapper .bx-next:before {
    content: "\f178";
    font-size: 14px;
    font-family: FontAwesome;
    color: #222;
    line-height: 16px;
    display: block;
    text-align: center;
}
.footer-section-4 .bx-wrapper .bx-prev {
    background: none;
    right: 43px;
    left: inherit;
}
.footer-section-4 .bx-wrapper .bx-prev:before {
    content: "\f177";
    font-size: 14px;
    font-family: FontAwesome;
    color: #222;
    line-height: 16px;
    display: block;
    text-align: center;
}
.footer-section-4 .bx-wrapper .bx-controls-direction a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
}
.footer-section-4 .bx-wrapper .bx-controls-direction a:hover:before {
    color: #fff;
}
#footer-sale-slider>li {
    border: 0;
    padding: 0;
}
#inner-banner {
    float: left;
    width: 100%;
    background: url("../images/eco-upcoming-bg.jpg"
    
    ) no-repeat left top/cover;
    padding: 50px 0;
    margin: 0 0 50px 0;
    position: relative;
    background-color: #09502e;
}
#inner-banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}
#inner-banner h1 {
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 0 20px 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#inner-banner .breadcrumb {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    position: relative;
}
#inner-banner .breadcrumb li {
    display: inline-block;
    padding: 0 4px 0 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#inner-banner .breadcrumb li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#inner-banner .breadcrumb>li+li:before {
    color: #fff;
    content: "/ ";
    padding: 0 5px 0 0;
}
.about-welcome {
    float: left;
    width: 100%;
}
.about-welcome .frame {
    float: left;
    width: 100%;
    padding: 4px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.about-welcome .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.about-welcome .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.about-welcome blockquote {
    margin: 0 120px 30px 160px;
    padding: 0 0 0 22px;
    border-left: 4px solid;
    position: relative;
}
.about-welcome blockquote:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    border-left: 2px solid;
    height: 100%;
}
.about-welcome blockquote:after {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    left: -73px;
    top: -14px;
    font-size: 48px;
}
.about-welcome blockquote p {
    font: italic 400 20px/28px "Open Sans", sans-serif;
    color: #666;
    margin: 0;
}
.about-welcome p {
    margin: 0 0 30px 0;
}
.about-welcome .video-frame {
    float: left;
    width: 100%;
}
.about-welcome .video-frame iframe {
    width: 100%;
    height: 326px;
    border: 0;
}
.about-welcome .text-box {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
.about-welcome .text-box p {
    margin: 0 0 30px 0;
}
.about-welcome .text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.about-welcome .text-box ul li {
    padding: 0 0 12px 0;
    overflow: hidden;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.about-welcome .text-box ul li .fa {
    padding: 0 16px 0 0;
}
.accordion-tabs-section {
    float: left;
    width: 100%;
    background-color: #fff;
}
.accordion-tabs-section h2 {
    margin: 0 0 16px 0;
}
.tab-style-1 {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-style-1 .nav-tabs {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    background-color: #f5f5f5;
}
.tab-style-1 .nav-tabs>li {
    border-left: 1px solid #ccc;
}
.tab-style-1 .nav-tabs>li:first-child {
    border: 0;
}
.tab-style-1 .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    padding-bottom: 14px;
    padding-top: 14px;
    font: 600 12px/14px 'Ubuntu', serif;
    text-transform: uppercase;
    color: #222;
}
.tab-style-1 .nav-tabs>li>a,
.nav-pills>li>a {
    line-height: normal;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.accordion-tabs-section .tab-style-1 .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    border: 0;
    color: #222;
    background-color: #fff;
    box-shadow: none;
}
.accordion-tabs-section .tab-style-1 .nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border-color: #ccc;
    background-color: #fff;
    box-shadow: none;
}
.accordion-tabs-section .tab-style-1 .nav>li>a:hover,
.nav>li>a:focus {
    background-color: #fff;
    text-decoration: none;
    box-shadow: none;
    color: #222;
}
.tab-style-1-text-box {
    float: left;
    width: 100%;
    padding: 0 40px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-style-1-text-box p {
    margin: 0 0 20px 0;
}
.tab-style-1-text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.tab-style-1-text-box ul li {
    padding: 10px 0 0 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.tab-style-1-text-box ul li:first-child {
    padding: 0;
}
.tab-style-1-text-box ul li .fa {
    padding: 0 18px 0 0;
    font-size: 12px;
}
.tab-style-1-text-box .frame {
    float: left;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 0 30px 0 0;
}
.tab-style-1-text-box .frame img {
    display: block;
    width: 100%;
}
.tab-style-2 {
    float: left;
    width: 100%;
}
.tab-style-2 .nav-tabs {
    margin: 1px 0 0 0;
    border: 0;
    float: left;
}
.tab-style-2 .nav-tabs>li {
    margin: -1px;
    float: none;
    display: block;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}
.tab-style-2 .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    padding-bottom: 13px;
    padding-top: 13px;
    font: 600 14px/14px 'Ubuntu', serif;
    text-transform: uppercase;
    color: #222;
}
.tab-style-2 .nav-tabs>li>a .fa {
    padding: 0 8px 0 0;
}
.tab-style-2 .nav-tabs>li>a,
.nav-pills>li>a {
    line-height: normal;
    margin-right: -1px;
    padding-left: 14px;
    padding-right: 14px;
}
.accordion-tabs-section .tab-style-2 .nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    border-color: #ccc;
    border: 0;
    background-color: #fff;
}
.accordion-tabs-section .tab-style-2 .nav>li>a:hover,
.nav>li>a:focus {
    background-color: #fff;
    text-decoration: none;
    outline: none;
}
.accordion-tabs-section .tab-style-2 .nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    border: 0;
    color: #222;
    background-color: #fff;
}
.tab-style-2-text-box {
    float: left;
    width: 72%;
    padding: 18px 30px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-style-2-text-box p {
    margin: 0 0 15px 0;
}
.tab-style-2-text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.tab-style-2-text-box ul li {
    padding: 10px 0 0 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.tab-style-2-text-box ul li:first-child {
    padding: 0;
}
.tab-style-2-text-box ul li .fa {
    padding: 0 18px 0 0;
    font-size: 12px;
}
.accordion-style-1 {
    float: left;
    width: 100%;
}
.accordion_cp {
    margin: 0;
    padding: 12px 20px;
    height: auto;
    border-top: #ccc 1px solid;
    text-decoration: none;
    font: 600 13px/25px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
    cursor: pointer;
}
.accordion_cp .fa {
    padding: 0 9px 0 0;
}
.accordion-open {
    color: #fff;
}
.accordion-open span {
    display: block;
    float: right;
    padding: 0;
}
.accordion-open span {}.accordion-close span {
    display: block;
    float: right;
    padding: 0;
}
div.contain_cp_accor {
    padding: 0;
    margin: 0;
}
div.content_cp_accor {
    background: #fff;
    margin: 0;
    padding: 10px;
    font: 400 14px/22px "Open Sans", sans-serif;
    color: #666;
}
div.content_cp_accor ul,
div.content_cp_accor p {
    padding: 0;
    margin: 0;
    padding: 3px;
}
div.content_cp_accor ul li {
    list-style-position: inside;
    line-height: 25px;
}
div.content_cp_accor ul li a {
    color: #555555;
}
code {
    overflow: auto;
}
.accordion-close span i:before {
    content: "\f054"
}
.accordion-open span i:before {
    content: "\f078";
}
.accordion_cp:hover {
    color: #fff;
}
.accordion-style-2 {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-style-2 .accordion_cp {
    border-top: 1px solid #ccc;
    color: #222;
    height: auto;
}
.accordion-style-2 div.content_cp_accor {
    padding: 0 20px 15px 40px;
}
.accordion-style-2 .accordion_cp {
    background-color: #fff;
}
.accordion-style-2 .accordion_cp:hover {
    color: #fff;
}
.purchase-section {
    background-image: url("../images/purchase-banner.png"
    /*tpa=http://html.crunchpress.com/be-good/images/purchase-banner.png*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.purchase-section .holder {
    margin: 0 auto;
    width: 885px;
}
.purchase-section h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    margin: 0 0 20px 0;
}
.purchase-section p {
    font: 600 18px/26px 'Ubuntu', serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 80px 30px 80px;
    color: #fff;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.purchase-section a.btn-8 {
    background-color: #fff;
    border: 0;
    padding: 14px 19px;
}
.our-services {
    float: left;
    width: 100%;
    background: url("../images/recent-bg.gif"
    /*tpa=http://html.crunchpress.com/be-good/images/recent-bg.gif*/
    
    ) repeat left top;
    margin: -50px 0 0 0;
}
.our-services p {
    text-align: center;
    margin: 0 0 30px 0;
}
.services-style-2 p {
    margin: 0 0 105px 0;
}
.services-style-2 .services-box {
    width: 300px;
    height: 300px;
    background-color: #f5f5f5;
    border: 4px solid #fff;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 1px 1px #ccc;
    -moz-box-shadow: 0 0 1px 1px #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
}
.services-style-2 .services-box:hover h3 a {
    color: #fff;
}
.services-style-2 .services-box:hover p {
    color: #fff;
}
.services-style-2 .services-box:hover a.btn-8 {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #fff;
    color: #666;
}
.fa-icon-box {
    display: table;
    margin: -80px auto 30px;
    width: 149px;
    height: 149px;
    background-color: #f5f5f5;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 1px #ccc;
    -moz-box-shadow: 0 0 1px 1px #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    font-size: 60px;
    color: #666;
    text-align: center;
    line-height: 148px;
}
.fa-icon-box:hover {
    color: #fff;
}
.services-style-2 .services-box .text-box {
    padding: 0 50px;
}
.services-style-2 a.btn-8 {
    background-color: #fff;
    padding: 12px 25px;
}
.services-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.shape-box {
    font-size: 48px;
    text-align: center;
    line-height: 170px;
    color: #666;
    display: block;
}
.services-box .text-box {
    float: left;
    width: 100%;
    padding: 0 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.services-box .text-box h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
}
.services-box .text-box p {
    margin: 0 0 20px 0;
}
.more-services {
    float: left;
    width: 100%;
    background-color: #fff;
}
.more-services p {
    text-align: center;
    margin: 0 0 30px 0;
}
.more-services ul {
    padding: 0;
    margin: 0 10px;
    list-style: none;
}
.more-services ul li {
    float: left;
    padding: 40px 0 0 0;
    width: 100%;
}
.more-services ul li:first-child {
    padding: 0;
}
.more-services .icon-box {
    float: right;
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    background-color: #ebebeb;
    border-radius: 100%;
    position: relative;
    margin: 0 0 0 30px;
}
.more-services .icon-box:before {
    content: '';
    position: absolute;
    left: -8px;
    top: -8px;
    border: 1px solid #ccc;
    width: 88px;
    height: 88px;
    border-radius: 100%;
}
.more-services .icon-box .fa {
    font-size: 36px;
    text-align: center;
    display: block;
    color: #666;
    line-height: 75px;
}
.more-services .icon-box:hover .fa {
    color: #fff;
}
.more-services .text-box {
    float: right;
    width: 342px;
    text-align: right;
}
.more-services .text-box h3 {
    margin: 0 0 12px 0;
}
.more-services .text-box p {
    text-align: right;
    margin: 0;
}
.more-services .text-box a {
    text-decoration: none;
    color: #222;
}
.more-services .icon-left {
    float: left;
    margin: 0 30px 0 0;
}
.more-services .pull-left {
    float: left;
    text-align: left;
}
.more-services .pull-left p {
    text-align: left;
}
.featured-video {
    background-image: url("../images/featured-video-img.jpg"
    /*tpa=http://html.crunchpress.com/be-good/images/featured-video-img.jpg*/
    
    );
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 371px;
    padding: 229px 0 0;
    position: relative;
    width: 100%;
}
.chose-plan {
    float: left;
    width: 100%;
    background-color: #fff;
}
.chose-plan p {
    text-align: center;
    margin: 0 0 30px 0;
}
.plan-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px 4px 16px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.plan-box:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.plan-heading-color-1 {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.plan-heading-color-2 {
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #b93941;
}
.plan-heading-color-3 {
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #007d7d;
}
.plan-heading-color-4 {
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #4eb9eb;
}
.amount-color-1 {
    position: relative;
}
.amount-color-2 {
    background-color: #aa2a32;
    position: relative;
}
.amount-color-3 {
    background-color: #006e6e;
    position: relative;
}
.amount-color-4 {
    background-color: #309bcd;
    position: relative;
}
.plan-box h3 {
    color: #fff;
    text-align: center;
    margin: 0;
}
.amount-box {
    float: left;
    width: 100%;
    position: relative;
    padding: 18px 0 10px 0;
    margin: 0 0 30px 0;
}
.amount-color-1:before {
    border-left: 130px solid transparent;
    border-right: 124px solid transparent;
    bottom: -30px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    display: none;
}
.amount-color-2:before {
    border-left: 130px solid transparent;
    border-right: 124px solid transparent;
    border-top: 30px solid #aa2a32;
    bottom: -30px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    display: none;
}
.amount-color-3:before {
    border-left: 130px solid transparent;
    border-right: 124px solid transparent;
    border-top: 30px solid #006e6e;
    bottom: -30px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    display: none;
}
.amount-color-4:before {
    border-left: 130px solid transparent;
    border-right: 124px solid transparent;
    border-top: 30px solid #309bcd;
    bottom: -30px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    display: none;
}
.amount-box strong.price {
    font: 700 30px/28px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}
.amount-box span.mnt {
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.plan-box ul {
    padding: 0 15px;
    margin: 0 0 6px 0;
    list-style: none;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plan-box ul li {
    padding: 15px 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
    font: 400 16px/16px "Open Sans", sans-serif;
    text-align: center;
    color: #666;
}
.plan-box ul li:first-child {
    border: 0;
}
.plan-box .line-through {
    text-decoration: line-through;
    color: #ccc;
}
.plan-box a.btn-2 {
    padding: 12px 30px;
}
.plan-box .plan-btn-color2 {
    background-color: #b93941;
}
.plan-box .plan-btn-color3 {
    background-color: #007d7d;
}
.plan-box .plan-btn-color4 {
    background-color: #4eb9eb;
}
.plan-style-2 .amount-box strong.price {
    font-size: 48px;
    font-weight: 300;
}
.plan-style-2 a.btn-2 {
    width: 100%;
    padding: 40px 0 20px 0;
    text-align: center;
    border-radius: 0;
    position: relative;
}
.plan-style-2 .plan-box {
    padding: 4px;
}
.plan-style-2 a.btn-2:before {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 24px 0 24px 263px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -24px;
    width: 0;
}
.plan-style-2 .amount-color-1:before {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 263px 23px 0;
    border-color: transparent #ffffff transparent transparent;
}
.plan-style-2 .amount-color-2:before {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 263px 23px 0;
    border-color: transparent #ffffff transparent transparent;
}
.plan-style-2 .amount-color-3:before {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 263px 23px 0;
    border-color: transparent #ffffff transparent transparent;
}
.plan-style-2 .amount-color-4:before {
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 263px 23px 0;
    border-color: transparent #ffffff transparent transparent;
}
.plan-style-2 .amount-box {
    padding: 18px 0 50px;
    margin: 0 0 2px 0;
}
.services-2-parallax {
    float: left;
    width: 100%;
    background-image: url("../images/service-2-parallax-bg.png"
    /*tpa=http://html.crunchpress.com/be-good/images/service-2-parallax-bg.png*/
    
    );
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.services-2-parallax h2 {
    text-align: center;
    color: #fff;
}
.services-2-parallax p {
    text-align: center;
    color: #fff;
    margin: 0 0 30px 0;
}
.services-2-parallax .frame {
    float: left;
    width: 44%;
    margin: 14px 53px 0 0;
}
.services-2-parallax .frame img {
    width: 100%;
}
.services-2-parallax .text-box {
    float: left;
}
.services-2-parallax .text-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.services-2-parallax .text-box ul li {
    padding: 0 0 30px 0;
    overflow: hidden;
}
.round-box {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 10px solid #fff;
    background-color: #ebebeb;
    font-size: 36px;
    color: #666;
    text-align: center;
    line-height: 75px;
    margin: 0 30px 0 0;
}
.services-2-parallax .text-box-inner {
    width: 345px;
    float: left;
}
.services-2-parallax h2,
.plan-style-2 h2,
.features-margin h2 {
    margin: 0 0 15px 0;
}
.services-2-parallax .text-box-inner h3 {
    color: #fff;
    margin: 0 0 10px 0;
}
.services-2-parallax .text-box-inner h3 a {
    color: #fff;
}
.services-2-parallax .text-box-inner p {
    color: #fff;
    text-align: left;
    margin: 0;
}
.round-box:hover {
    color: #fff;
}
.blog-detail {
    float: left;
    width: 100%;
}
.blog-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-detail ul li.padd-btm-50 {
    width: 100%;
}
.blog-detail .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.blog-detail .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.blog-detail .bx-wrapper .bx-viewport ul {
    padding: 0;
    margin: 0;
}
#slider-post li {
    padding: 0;
}
.blog-detail .bx-wrapper .bx-pager {
    display: none;
}
.blog-detail .bx-wrapper .bx-controls-direction a {
    height: 43px;
    margin-top: -16px;
    text-indent: inherit;
    top: 50%;
    width: 43px;
    border: 1px solid #fff;
    border-radius: 100%;
    text-decoration: none;
    font-size: 0;
}
.blog-detail .bx-wrapper .bx-next {
    background: none;
    right: 20px;
}
.blog-detail .bx-wrapper .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    display: block;
}
.blog-detail .bx-wrapper .bx-prev {
    background: none;
    left: 20px;
}
.blog-detail .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    display: block;
}
.blog-detail .bx-wrapper .bx-controls-direction a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
}
.blog-detail a.btn-8 {
    float: left;
    padding: 12px 25px;
}
.blog-detail h3 {
    margin: 0 0 15px 0;
}
.blog-detail h3 .fa {
    font-size: 48px;
    padding: 0 25px 0 0;
}
.blog-detail .frame {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.blog-detail .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.blog-detail .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.blog-detail p {
    margin: 0 0 20px 0;
}
.blog-detail a.like {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: right;
    text-decoration: none;
    margin: 0 0 0 20px;
}
.blog-detail a.like .fa {
    padding: 0 5px 0 0;
}
.blog-detail blockquote {
    padding: 0 0 0 102px;
    margin: 0 0 30px 0;
    border: 0;
    position: relative;
}
.blog-detail blockquote:before {
    content: "\f10d";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 48px;
    font-family: FontAwesome;
    height: 50%;
}
.space-outer {
    float: left;
    margin: 20px 0 0 0;
}
.blog-detail blockquote strong.name {
    padding: 12px 19px;
    border: 1px solid #ccc;
    float: left;
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #666;
    text-transform: uppercase;
    margin: 20px 0 0 0;
}
.blog-detail blockquote p {
    font: italic 400 20px/28px "Open Sans", sans-serif;
    color: #222;
    margin: 0;
}
.blog-detail .tags li a {
    font: 400 14px/22px "Open Sans", sans-serif;
    background-color: #ebebeb;
    color: #666;
    display: block;
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none;
}
.comment-box {
    float: left;
    width: 100%;
}
.author-row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
}
#main .comment-box .frame {
    float: left;
    padding: 4px;
    border: 1px solid #e1e1e1;
    margin: 0 19px 20px 0;
    overflow: hidden;
    width: auto;
}
.comment-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.comment-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
#main .comment-box .text-box {
    overflow: hidden;
    float: none;
}
.comment-box .text-box p {
    margin: 0;
}
.comment-box .text-box strong.name {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    display: block;
    padding: 0 0 10px 0;
}
.comments {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.comments .text-outer {
    float: left;
    width: 100%;
    padding: 0 0 15px 0;
}
.comments .text {
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 20px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.comment-frame {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 4px solid #fff;
    box-shadow: 0 0 1px 1px #e1e1e1;
    padding: 0;
    margin: 0 19px 0 0;
    overflow: hidden;
}
.comment-frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 100%;
}
.comment-frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.comments .tex-box {
    overflow: hidden;
    text-align: left;
}
.comments .tex-box strong.name {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    display: block;
    padding: 0 0 10px 0;
}
.comments .text p {
    margin: 0;
}
.comments .text a.replay {
    float: right;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #ebebeb;
    text-decoration: none;
    font-size: 16px;
    line-height: 36px;
    color: #222;
    padding: 0;
    text-align: center;
}
.comments .text a.replay .fa {
    padding: 0;
}
.comments .text a.replay:hover {
    color: #fff;
}
.comments .text a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    text-decoration: none;
    display: block;
    padding: 0 0 12px 0;
}
.comments .text a .fa {
    padding: 0 7px 0 0;
}
.comments ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.comments ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0;
}
.comments ul li ul li:after {
    content: "";
    width: 1px;
    position: absolute;
    left: -30px;
    top: 0px;
    height: 100px;
    border-left: 2px solid #ccc;
}
#main .comments ul ul {
    padding: 0px 0px 0px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
.comment-form {
    float: left;
    width: 100%;
}
.comment-form h2 {
    margin: 0 0 17px 0;
}
#main .comment-form ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}
#main .comment-form ul li {
    float: left;
}
.comment-form input[type="text"] {
    float: left;
    width: 100%;
    height: 48px;
    border: 4px solid #fff;
    outline: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    box-shadow: none;
    border-radius: 0;
    padding: 0 14px;
    margin: 0 0 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comment-form textarea {
    float: left;
    width: 100%;
    height: 248px;
    border: 4px solid #fff;
    outline: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    box-shadow: none;
    border-radius: 0;
    padding: 14px 14px 0 14px;
    margin: 0 0 30px 0;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comment-form input[type="submit"] {
    float: right;
    padding: 15px 25px;
    border: 0;
    margin: 0;
    font: 600 12px/12px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
}
.sidebar {
    float: left;
    width: 100%;
    padding-top: 6px;
}
.sidebar-bix-1 {
    float: left;
    width: 100%;
    margin: 0 0 45px 0;
    position: relative;
}
.sidebar-bix-1 p {
    margin: 0;
}
.sidebar-bix-1 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar .sidebar-bix-1 ul li {
    float: left;
    padding: 15px 0 15px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.sidebar-bix-1 ul li:last-child {
    padding: 15px 0 0 0;
    border: 0;
}
.sidebar-bix-1 ul li:first-child {
    padding: 0 0 15px 0;
}
.sidebar-bix-1 ul li a {
    font: 600 13px/14px 'Ubuntu', serif;
    color: #444;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
.sidebar-bix-1 ul li a .fa-circle {
    font-size: 7px;
    float: left;
    line-height: 14px;
}
.sidebar-bix-1 ul li a .fa {
    padding: 0 10px 0 0;
}
.sidebar-bix-1 ul li a span.number {
    float: right;
}
.sidebar-bix-1 strong.date {
    float: left;
    width: 70px;
    height: 70px;
    padding: 19px 0 0 0;
    font: 300 22px/19px "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 30px 0 0;
}
.sidebar-bix-1 strong.date span {
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.sidebar .sidebar-bix-1 .text-box {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: inherit;
    float: none;
    width: auto;
}
.sidebar-bix-1 .text-box a.title {
    font: 600 12px/17px 'Ubuntu', serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #444;
    display: block;
    padding: 0 0 8px 0;
}
.sidebar-bix-1 .text-box a {
    font: 400 14px/20px "Open Sans", sans-serif;
    color: #222;
    display: block;
    text-decoration: none;
    text-transform: lowercase;
}
.sidebar-bix-1 .text-box a .fa {
    padding: 0 6px 0 0;
}
.sidebar .sidebar-bix-1 .frame {
    float: left;
    margin: 0 25px 0 0;
    width: auto;
    overflow: hidden;
    padding: 0;
    border: 0;
}
.sidebar .sidebar-bix-1 .frame-2 {
    float: left;
    width: 100%;
    border: 4px solid #fff;
    outline: 1px solid #e1e1e1;
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sidebar-bix-1 .frame-2 .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px 0 0 10px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sidebar-bix-1 .frame-2 img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.sidebar-bix-1 .frame-2:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.sidebar-bix-1 .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.sidebar-bix-1 .frame:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.sidebar-bix-1 .progress {
    background-color: #fff;
    border-radius: 4px;
    background-image: none;
    box-shadow: none;
    border: 1px solid #ccc;
    height: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}
.sidebar-bix-1 .progress .bar {
    height: 100%;
}
.sidebar-bix-1 span.percentage-1 {
    font: 700 14px/14px "Open Sans", sans-serif;
    float: left;
    text-shadow: none;
}
.sidebar-bix-1 span.amount {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: right;
}
.sidebar-bix-1 .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 0;
    width: 100%;
}
.sidebar-bix-1 .caption a {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
}
.sidebar-bix-1 .caption a:hover {
    color: #fff;
}
#post-slider li {
    padding: 0;
}
.sidebar-bix-1 .bx-wrapper {
    float: left;
    width: 100%;
    margin: 0;
}
.sidebar-bix-1 .bx-wrapper .bx-viewport {
    background: none;
    border: 0;
    box-shadow: none;
    left: 0;
}
.sidebar-bix-1 .bx-wrapper .bx-pager {
    display: none;
}
.sidebar-bix-1 .bx-wrapper .bx-controls-direction a {
    height: 28px;
    margin-top: -28px;
    text-indent: inherit;
    top: 50%;
    width: 28px;
    text-decoration: none;
    border: 1px solid #fff;
    font-size: 0;
    border-radius: 100%;
}
.sidebar-bix-1 .bx-wrapper .bx-next {
    background: none;
}
.sidebar-bix-1 .bx-wrapper .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    display: block;
    color: #fff;
}
.sidebar-bix-1 .bx-wrapper .bx-prev {
    background: none;
}
.sidebar-bix-1 .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    display: block;
    color: #fff;
}
.is-countdown {}.countdown-rtl {
    direction: rtl;
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 0;
    text-align: center;
}
.countdown-show1 .countdown-section {
    width: 98%;
}
.countdown-show2 .countdown-section {
    width: 48%;
}
.countdown-show3 .countdown-section {
    width: 32.5%;
}
.countdown-show4 .countdown-section {
    width: 24.5%;
}
.countdown-show5 .countdown-section {
    width: 19.5%;
}
.countdown-show6 .countdown-section {
    width: 16.25%;
}
.countdown-show7 .countdown-section {
    width: 14%;
}
.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}
.countdown-amount {
    font-size: 200%;
    color: #333;
    font: 400 30px/30px "Open Sans", sans-serif;
    color: #fff;
}
.countdown-period {
    display: block;
    font: 400 12px/12px "Open Sans", sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.countdown-descr {
    display: block;
    width: 100%;
}
.sidebar-bix-1 .frame-2 .caption .countdown_section {
    display: inline-block;
    font: 400 12px/12px "Open Sans", sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.sidebar-bix-1 .frame-2 .caption .countdown_amount {
    color: #fff;
    font: 400 30px/30px "Open Sans", sans-serif;
    display: block;
    position: relative;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.mp3-player-box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.mp3-player-box .audioplayer {
    background: #222;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    height: 58px;
    position: relative;
    text-shadow: 1px 1px 0 #000;
    z-index: 1;
}
.mp3-player-box .audioplayer {
    color: #fff;
}
.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 0.5em medium 0.5em 0.5em;
    content: "";
    height: 0;
    left: 50%;
    margin: -0.5em 0 0 -0.25em;
    position: absolute;
    top: 50%;
    width: 0;
    color: #fff;
}
.mp3-player-box .audioplayer .audioplayer-time-current {
    border-left: 0;
}
.mp3-player-box .audioplayer-time {
    top: 0;
    height: 78%;
    padding: 13px 0 0 0;
    text-shadow: none;
}
.mp3-player-box .audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
    border-radius: 7px;
}
.mp3-player-box .audioplayer-bar-loaded {
    background-color: #fff;
}
.mp3-player-box .audioplayer-volume-adjust {
    background: #444;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    height: 6.25em;
    left: 0;
    position: absolute;
    right: -1px;
    top: -9999px;
}
.mp3-player-box .audioplayer-volume-adjust div div {}.mp3-player-box .audioplayer-bar,
.audioplayer-volume-adjust>div {
    box-shadow: none;
    background: #fff;
}
.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {}.mp3-player-box .audioplayer-volume-button a:before {}.mp3-player-box .audioplayer-volume-button a {
    outline: none;
}
.mp3-player-box .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border: 0;
}
.mp3-player-box .audioplayer-bar-played {}.mp3-player-box .audioplayer-volume {
    border-left: 0;
}
.mp3-player-box .audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
    background-color: #fff;
}
.mp3-player-box .audioplayer-playpause:hover,
.audioplayer-playpause:focus {}.mp3-player-box .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover a {
    border-color: transparent -moz-use-text-color transparent #fff;
}
.mp3-player-box .audioplayer-volume:hover,
.audioplayer-volume:focus {}.mp3-player-box .audioplayer-volume-button:hover a:before {
    border-color: transparent #fff transparent -moz-use-text-color;
}
.mp3-player-box .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button:hover a:after {
    border-color: #fff;
}
.mp3-player-box .audioplayer-volume-button:hover a {
    background-color: #fff;
}
.pagination-box {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.pagination-box .pagination {
    margin: 0;
    width: 100%;
}
#main .pagination-box .pagination ul {
    border-radius: 0;
    box-shadow: none;
    display: block;
    text-align: center;
    margin-bottom: 0;
    margin-left: 0;
    float: none;
}
.pagination-box .pagination ul>li {
    float: none;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 -5px 0 0;
    border: 1px solid #ccc;
}
.pagination-box .pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-bottom-left-radius: 0;
    border-left-width: 1px;
    border-top-left-radius: 0;
}
.pagination-box .pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination-box .pagination ul>li>a,
.pagination ul>li>span {
    background-color: #f5f5f5;
    border-color: #ccc;
    float: left;
    line-height: none;
    padding: 8px 14px;
    text-decoration: none;
    font: 400 16px/16px "Open Sans", sans-serif;
    color: #666;
}
.pagination-box .pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #fff;
}
.pagination-box .pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #fff;
}
.gallery-section {
    float: left;
    width: 100%;
}
.gallery-section ul {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}
.gallery-section ul li {
    float: left;
    margin-bottom: 30px;
}
.gallery-section .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.gallery-section .frame img {
    display: block;
    width: 100%;
}
.gallery-section .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
}
.gallery-section .frame:hover .caption {
    opacity: 1;
}
.gallery-section .frame .caption a.zoom {
    border: 1px solid #ffffff;
    bottom: 0;
    color: #ffffff;
    font-size: 24px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
.our-history {
    float: left;
    width: 100%;
}
.our-history p {
    text-align: center;
    margin: 0 0 30px 0;
}
.our-history .holder {
    max-width: 1030px;
    margin: 0 auto 10px;
    overflow: hidden;
    clear: both;
}
.our-history .holder ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: left;
}
.our-history .holder ul li {
    float: left;
    padding: 0 0 40px 0;
    width: 100%;
    position: relative;
}
.our-history .holder .history-box {
    float: left;
    width: 100%;
    position: relative;
}
.our-history .holder .history-box .text-box {
    width: 420px;
    padding: 53px 0 0 0;
}
.our-history .holder .history-box .text-box.pull-left h3 {
    text-align: right;
    margin: 0 0 10px 0;
}
.our-history .holder .history-box .text-box.pull-left p {
    text-align: right;
}
.our-history .holder .history-box .text-box.pull-right h3 {
    text-align: left;
    margin: 0 0 10px 0;
}
.our-history .holder .history-box .text-box.pull-right p {
    text-align: left;
}
.year-box {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    font: 400 20px/70px "Open Sans", sans-serif;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.year-box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -5px;
    height: 5px;
    width: 5px;
    background: #fff;
}
.year-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
    height: 5px;
    width: 5px;
    background: #fff;
}
.our-history .holder ul:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 2px;
    border-left: 1px solid #ccc;
    height: 100%;
}
.our-history .holder ul:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 40px;
}
.year-box:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.our-history .holder .history-box .frame {
    border: 1px solid #e1e1e1;
    padding: 4px;
    overflow: hidden;
    width: 405px;
}
.our-history .holder .history-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.our-history .holder .history-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news-page {
    float: left;
    width: 100%;
}
.news-page h2 {
    margin: 0 0 20px 0;
}
.news-frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    position: relative;
    margin: 0 0 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-frame .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), color-stop(8%, rgba(0, 0, 0, 0.04)), color-stop(25%, rgba(0, 0, 0, 0.18)), color-stop(49%, rgba(0, 0, 0, 0.45)), color-stop(75%, rgba(0, 0, 0, 0.7)), color-stop(89%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.04) 8%, rgba(0, 0, 0, 0.18) 25%, rgba(0, 0, 0, 0.45) 49%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.8) 89%, rgba(0, 0, 0, 0.8) 100%);
    padding: 90px 25px 20px 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-frame .caption h3 {
    color: #fff;
    margin: 0 0 5px 0;
}
#main .news-frame .detail-row {
    margin: 0;
}
#main .news-frame .detail-row ul li a {
    color: #fff;
}
#news-slider img {
    width: 100%;
    display: block;
}
#news-slider>li {
    padding: 0;
}
.latest-news-post {
    float: left;
    width: 100%;
}
.latest-news-post ul {
    margin-bottom: 30px;
    overflow: hidden;
}
.news-page .frame {
    width: auto;
    margin: 0 30px 0 0;
    overflow: hidden;
    position: relative;
}
.news-page .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.news-page .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news-page .frame:hover .caption {
    opacity: 1;
}
.news-page .frame .caption {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
}
.news-page .frame .caption a.link {
    bottom: 0;
    color: #fff;
    font-size: 40px;
    height: 43px;
    left: 0;
    line-height: 43px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 43px;
}
#main .news-page .text-box .detail-row {
    width: auto;
}
.news-page .text-box h3 {
    margin: 0 0 10px 0;
}
.news-page .text-box {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
#main .news-page .text-box .detail-row ul {
    margin: 0 0 10px 0;
}
.news-page .text-box p {
    clear: both;
    margin: 0 0 15px 0;
}
.news-page .text-box p a {
    text-decoration: none;
    color: #666;
}
#main .latest-news-post .detail-row {
    width: auto;
    margin: 0;
}
#main .latest-news-post li {
    padding: 0 0 20px 0;
}
.blockquote-box {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0;
}
#main .event-detail .blockquote-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url("../images/blockquote-border.png"
    /*tpa=http://html.crunchpress.com/be-good/images/blockquote-border.png*/
    
    ) repeat;
    height: 4px;
}
#main .event-detail .blockquote-box:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url("../images/blockquote-border.png"
    /*tpa=http://html.crunchpress.com/be-good/images/blockquote-border.png*/
    
    ) repeat;
    height: 4px;
}
#main .event-detail blockquote {
    padding: 20px 0 20px 102px;
    margin: 0;
}
.date-box {
    float: left;
    width: 70px;
    margin: 0 17px 0 0;
}
.date-box strong.date {
    font: 300 30px/30px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    padding: 7px 0 0 0;
    height: 70px;
    width: 70px;
    margin: 0 0 20px 0;
}
.icon-outer {
    position: relative;
}
.awesome-icon {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 1px #e1e1e1;
    -moz-box-shadow: 0 0 1px 1px #e1e1e1;
    -webkit-box-shadow: 0 0 1px 1px #e1e1e1;
    font-size: 30px;
    color: #666;
    text-align: center;
    line-height: 60px;
}
.awesome-hover {
    font: 700 12px/12px "Open Sans", sans-serif;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    padding: 11px 12px 0 12px;
    opacity: 0;
}
.awesome-hover a span {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
.awesome-hover a {
    color: #fff;
    text-decoration: none;
}
.awesome-hover a:hover {
    color: #fff;
    text-decoration: none;
}
.icon-outer:hover .awesome-hover {
    opacity: 1;
}
.awesome-icon:hover {
    color: #fff;
}
.date-box strong.date span {
    font-weight: 400;
    font-size: 20px;
    display: block;
}
.event-detail .text-box {
    float: left;
    max-width: 760px;
}
.map-row {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.map-row .map-box {
    float: left;
    padding: 4px;
    width: 360px;
    border: 1px solid #e1e1e1;
    margin: -349px 0 0 0;
    background-color: #fff;
    position: relative;
}
#map_contact_1 {
    height: 170px;
    width: 100%;
}
.map-row .countdown-box {
    width: 400px;
    float: left;
    margin: 0;
    position: relative;
}
.map-row .countdown-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 70px;
    background: #fff;
    z-index: 9;
}
.map-row .countdown-box .countdown_section {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    padding: 14px 0;
    width: 70px;
    margin: 0 0 0 28px;
    float: left;
    text-align: center;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
}
.map-row .countdown-box .countdown_amount {
    font: 400 30px/20px "Open Sans", sans-serif;
    color: #666;
    font-weight: 100;
    text-align: center;
}
.map-row .countdown-box .countdown_section:before {
    content: '';
    position: absolute;
    left: 70px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 1px solid #ccc;
    width: 29px;
    height: 1px;
    z-index: 9;
}
.map-row .countdown-box .countdown_section:after {
    content: '';
    position: absolute;
    left: -100px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    background: #ccc;
}
.event-detail .frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.event-detail .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.event-detail .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.event-calender {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}
.event-calender #calendar {
    width: 100%;
    float: left;
}
.event-calender .fc-header-left {
    width: 100%;
    text-align: center;
}
.event-calender .fc-button-today {
    display: none;
}
.event-calender .fc-header-title h2 {
    margin: 0 0 30px 0;
}
.event-calender .fc-grid .fc-day-number {
    float: none;
    display: block;
    text-align: center;
    font: 400 36px/92px "Open Sans", sans-serif;
    color: #666;
    border: 1px solid #ccc;
    margin: 10px;
}
.event-calender .fc td,
.fc th {
    vertical-align: middle;
}
.event-calender .fc-grid .fc-day-content {
    padding: 0;
    display: none;
}
.event-calender .fc-grid .fc-day-number {
    padding: 0;
}
.event-calender .fc-grid .fc-other-month .fc-day-number {
    opacity: 1;
    color: #ccc;
}
.event-calender .fc-border-separate th,
.fc-border-separate td {
    border: 0;
}
.event-calender .fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border: 0;
}
.event-calender .fc-grid th {
    text-align: center;
    font: 700 14px/14px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
}
.event-calender .fc-state-highlight {}.event-calender .fc-state-highlight .fc-day-number {
    color: #fff;
    border: 0;
}
#main .event-calender .fc-state-highlight .fc-day-number {
    color: #fff;
}
.event-calender .fc-header-right {
    width: 100%;
}
.event-calender .fc .fc-header-space {
    padding: 0;
}
.event-calender .fc-state-default,
.fc-state-default .fc-button-inner {
    background: #fff;
    border: 0;
    color: #000;
    margin: 0;
}
.event-calender .fc-state-default .fc-button-inner {
    border: 0;
}
.event-calender .fc-state-default .fc-button-effect span {
    background: #fff;
    border: 0;
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    top: -100px;
    width: auto;
}
.event-calender .fc-button-content {
    border: 1px solid #ccc;
    float: left;
    height: auto;
    line-height: normal;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}
.event-calender .fc-state-default,
.fc-state-default .fc-button-inner {
    color: #ccc;
}
.event-calender thead {}.event-calender #calendar .fc-state-default,
.fc-state-default .fc-button-inner:hover {
    color: #7cc086;
}
.team-member-detail {
    float: left;
    width: 100%;
}
.team-member-detail .frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.team-member-detail .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.team-member-detail .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.team-member-detail-box {
    float: left;
    width: 100%;
}
.team-member-detail-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.team-member-detail-box ul li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #ccc;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    overflow: hidden;
}
.team-member-detail-box ul li a {
    text-decoration: none;
    color: #666;
}
.team-member-detail-box strong.name {
    font: 600 18px/18px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    display: block;
}
.team-member-detail-box address {
    margin: 0;
    padding: 0;
    display: block;
    width: 220px;
    line-height: 22px;
}
.team-member-detail-box ul li .fa {
    float: left;
    padding: 0 10px 0 0;
    line-height: 18px;
}
.team-member-detail-box .member-social {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}
.team-member-detail-box .member-social li {
    float: left;
    padding: 0 10px 0 0;
    border: 0;
}
.team-member-detail-box .member-social li a {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #222;
    text-decoration: none;
    display: block;
}
.team-member-detail-box .member-social li a .fa {
    padding: 0;
    float: none;
}
.team-member-detail-box .member-social li a:hover {
    background-color: #43bffb;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}
.team-detail-area {
    float: left;
    width: 100%;
}
.team-detail-area h3 {
    margin: 0 0 10px 0;
}
.team-detail-area p {
    margin: 0 0 30px 0;
}
.team-detail-area blockquote {
    margin: 0 0 0 180px;
    padding: 0 0 0 20px;
    border-left: 4px solid;
    position: relative;
}
.team-detail-area blockquote:before {
    content: "\f10d";
    position: absolute;
    left: -78px;
    top: 0;
    bottom: 0;
    font-family: FontAwesome;
    font-size: 48px;
    height: 50%;
    margin: auto;
}
.team-detail-area blockquote:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    height: 100%;
    border-left: 2px solid;
}
.team-detail-area blockquote p {
    font: italic 400 20px/28px "Open Sans", sans-serif;
    color: #666;
}
.team-detail-area ul {
    padding: 0;
    margin: 0 0 0 30px;
    list-style: none;
    float: right;
}
.team-detail-area ul li {
    padding: 0 0 9px 0;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.team-detail-area ul li .fa {
    padding: 0 18px 0 0;
}
.team-detail-area .frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.team-detail-area .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.team-detail-area .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.naat-page {
    float: left;
    width: 100%;
}
.naat-page ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.naat-page ul li {
    float: left;
    padding: 0 0 30px 0;
}
.naat-page .frame-2 {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px 4px 0 4px;
    margin: 0 0 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.naat-page .frame {
    float: left;
    overflow: hidden;
    width: auto;
    margin: 0 30px 0 0;
}
.naat-page .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.naat-page .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.naat-page .text-box {
    overflow: hidden;
    padding: 0 0 10px 0;
}
.naat-page .player-btn-row-2 {
    margin: 0 0 0 10px;
}
#main .naat-page .detail-row {
    margin: 0 0 13px 0;
}
.instagram-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.instagram-box>iframe {
    width: 100%;
}
.naat-detail {
    float: left;
    width: 100%;
}
.naat-detail .frame {
    float: left;
    width: 100%;
}
#main .naat-detail .blockquote-box:before {
    background: url("../images/blockquote-border.png"
    
    ) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}
#main .naat-detail .blockquote-box:after {
    background: url("../images/blockquote-border.png"
    
    ) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#main .naat-detail blockquote {
    padding: 20px 100px 20px 102px;
    margin: 0;
}
.related-naat {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.related-naat ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.related-naat ul li {
    padding: 0 0 30px 0;
    float: left;
    width: 100%;
}
.related-naat-box {
    padding: 25px 25px 2px 25px;
    float: left;
    width: 100%;
    outline: 1px solid #e1e1e1;
    border: 4px solid #fff;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.star-box {
    float: left;
    padding: 0;
    margin: 0 24px 0 0;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #ccc;
}
.star-box:before {
    content: "";
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.star-box a {
    text-decoration: none;
    font-size: 28px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.star-box a:hover {
    color: #fff;
}
.related-naat-box .text-box {
    overflow: hidden;
}
#main .related-naat-box .detail-row {
    width: auto;
}
.event-locator {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
#home-wrapper {
    display: block;
    width: 930px;
    margin: 0px auto;
    padding: 25px 10px;
    font-size: 12px;
}
#home-sidebar {
    float: left;
    width: 263px;
    float: left;
    padding: 0;
    margin: 0;
}
#map-wrapper {
    float: left;
    max-width: 75%;
    width: 75%;
}
#map {
    display: block;
    width: 100%;
    height: 732px;
    padding: 0px;
}
#infowin-overlay {
    display: block;
    width: 400px;
    height: 120px;
}
#home-sidebar span.num {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #222;
    font: 400 16px/30px "Open Sans", sans-serif;
    color: #fff;
    text-align: center;
    margin: 5px 19px 0 20px;
}
#home-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#home-sidebar ul li {
    float: left;
    padding: 14px 0;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
#home-sidebar ul li:hover {
    background-color: #f5f5f5;
}
#home-sidebar ul li a {
    text-decoration: none;
}
#home-sidebar address {
    float: left;
    width: 160px;
    margin: 0;
}
#home-sidebar address h3 {
    margin: 0 0 10px 0;
}
#home-sidebar address strong.number {
    font: 700 14px/14px "Open Sans", sans-serif;
    color: #222;
    display: block;
}
#home-sidebar address a.web {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
    margin: 0;
}
#home-sidebar address strong.miles {
    font: 700 14px/14px "Open Sans", sans-serif;
    color: #222;
    display: block;
}
#home-sidebar address span.get {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    display: block;
}
#home-sidebar address strong.title {
    color: #222;
    font: 600 18px/20px 'Ubuntu', serif;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.event-locator .content {
    margin: 0;
    width: 25%;
    height: 732px;
    padding: 0;
    overflow: auto;
    background: #fff;
    float: left;
}
.event-locator .mCSB_container {
    margin: 0;
}
.event-locator .mCustomScrollBox>.mCSB_scrollTools {
    opacity: 1;
}
.event-locator .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #222;
}
.event-locator .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}
.event-locator .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e1e1e1;
    width: 8px;
}
.contact-1 {
    float: left;
    width: 100%;
}
.contact-1 h3 {
    margin: 0 0 10px 0;
}
.contact-1 p {
    margin: 0 0 42px 0;
}
.contact-1 address {
    float: left;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    width: 223px;
    border-bottom: 1px solid #ccc
}
.contact-1 address p {
    margin: 0 0 35px 0px;
    position: relative;
    padding: 0 0 0 25px;
}
.contact-1 address p .fa {
    position: absolute;
    left: 0;
    top: 5px;
}
.contact-1 address ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.contact-1 address ul li {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    padding: 0 0 18px 0;
}
.contact-1 address ul li .fa {
    padding: 0 10px 0 0;
}
.contact-1 address ul li a {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    text-decoration: none;
}
.contact-map-1 {
    float: left;
    width: 100%;
}
.map_canvas {
    height: 500px;
    width: 100%;
}
.contact-2 {
    float: left;
    width: 100%;
}
.our-time {
    float: left;
    width: 100%;
}
.our-time ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.our-time ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    overflow: hidden;
}
.our-time ul li strong.day {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: left;
}
.our-time ul li strong.time {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    float: right;
}
.contact-2 p {
    margin: 0 0 30px 0;
}
.contact-2 .comment-form h3 {
    margin: 0 0 20px 0;
}
.causes-page {
    float: left;
    width: 100%;
}
.causes-page ul {
    padding: 0;
    list-style: none;
}
.causes-page ul li {
    float: left;
    margin-bottom: 30px;
}
.causes-listing {
    float: left;
    width: 100%;
}
.causes-listing ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.causes-listing ul li {
    float: left;
    padding: 0 0 30px 0;
    width: 100%;
}
.causes-listing .frame {
    width: 100%;
    margin: 0;
}
.causes-listing .text-box {
    width: 100%;
    overflow: hidden;
    padding: 18px 30px 0 0;
    float: left;
}
.causes-listing .text-box p {
    margin: 0 0 5px 0;
}
.causes-listing .detail-row-2 {
    width: auto;
    float: left;
    margin: 0;
}
.causes-listing .causes-list-box {
    padding: 4px;
}
.causes-listing .causes-list-box .frame .caption {
    background: none;
}
.causes-listing .causes-list-box .frame .caption a.back-top {
    display: block;
    margin: auto;
    font: 700 12px/38px "Open Sans", sans-serif;
    text-align: center;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 38px;
    width: 157px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.causes-listing .causes-list-box:hover .caption {
    opacity: 1;
}
.causes-detail {
    float: left;
    width: 100%;
}
.causes-detail .author-row {
    border: 0;
}
.fram-box {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}
.fram-box .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0 0 48px 0;
}
.fram-box .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.fram-box .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.fram-box .text-box {
    float: left;
    width: 100%;
    padding: 0 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fram-box .text-box .progress {
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 15px;
    margin-bottom: 30px;
    overflow: inherit;
    position: relative;
}
.fram-box .progress .bar {
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font: 700 14px/14px "Open Sans", sans-serif;
    color: #666;
    background-color: #fff;
    position: relative;
    height: 100%;
}
.fram-box .progress-striped .bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    height: 100%;
    position: relative;
}
.fram-box .progress span.percentage-1 {
    background-color: #fff;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    color: #666;
    font: 700 14px/21px "Open Sans", sans-serif;
    height: 28px;
    position: absolute;
    right: -3px;
    top: -6px;
    width: 65px;
}
.fram-box .detail-row-2 {
    float: none;
}
.detail-row-2 a.btn-back {
    font: 700 16px/21px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    margin: -2px 0 0 0;
    text-decoration: none;
}
.detail-row-2 a.btn-back span {
    display: block;
}
.causes-detail-map {
    float: left;
    width: 100%;
}
#map_contact_3 {
    float: left;
    width: 100%;
    height: 250px;
}
.donors-list-box {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.donors-list-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.donors-list-box ul li {
    float: left;
    padding: 0;
    width: 100%;
    border-top: 1px solid #ccc;
}
.donors-list-box ul li:first-child {
    border: 0;
}
.donors-list-box strong.number {
    padding: 15px 20px;
    float: left;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.donors-list-box strong.name {
    padding: 15px 20px;
    float: left;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    border-left: 1px solid #ccc;
}
.donors-list-box strong.name span {
    font-style: italic;
}
.donors-list-box strong.amount {
    padding: 15px 20px;
    float: right;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    border-left: 1px solid #ccc;
}
.donors-list-box strong.amount span {
    font-weight: 700;
}
.sign-up {
    float: left;
    width: 100%;
}
.sign-up-outer {
    width: 430px;
    margin: 0 auto;
    background-color: #f5f5f5;
    border: 4px solid #fff;
    box-shadow: 0 0 1px 1px #e1e1e1;
    -moz-box-shadow: 0 0 1px 1px #e1e1e1;
    -webkit-box-shadow: 0 0 1px 1px #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sign-up-outer .frame {
    width: 90px;
    height: 90px;
    margin: -50px auto 20px;
    display: table;
    border-radius: 100%;
    border: 4px solid #fff;
    box-shadow: 0 0 1px 1px #e1e1e1;
    -moz-box-shadow: 0 0 1px 1px #e1e1e1;
    -webkit-box-shadow: 0 0 1px 1px #e1e1e1;
}
.sign-up-outer .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 100%;
}
.sign-up-outer .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.sign-up .holder {
    width: 430px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sign-up-form {
    float: left;
    width: 100%;
    margin: 0 0 24px 0;
}
.sign-up-form strong.title {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 0 0 20px 0;
}
.sign-up-form ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.sign-up-form ul li {
    float: left;
    margin: 10px 0 0 0;
    position: relative;
    width: 100%;
}
.sign-up-form ul li:first-child {
    margin: 0;
}
.sign-up-form input[type="text"],
.sign-up-form input[type="password"] {
    float: left;
    width: 100%;
    height: 48px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background-color: #fff;
    padding: 0 10px 0 64px;
    margin: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.sign-up-form input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.sign-up-form input:-moz-placeholder {
    color: #666;
    opacity: 1;
}
.sign-up-form input::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.sign-up-form input:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.sign-up-form input[type="submit"] {
    float: right;
    padding: 12px 15px;
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    margin: 0;
}
.sign-up-form input[type="file"] {
    float: left;
    width: 100%;
    height: 36px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}
.sign-up-form ul li .fa {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #e1e1e1;
    font-size: 16px;
    color: #666;
    padding: 9px 14px 6px 19px;
    margin: 9px 0 0 0;
}
.check-box {
    float: left;
    margin: 10px 0 17px 0;
}
.check-box label {
    float: left;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
}
.check-box label a {
    color: #222;
    text-decoration: none;
}
.outtaHere {
    position: absolute;
    left: -3000px;
}
.checkboxArea,
.checkboxAreaChecked {
    float: left;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background: url("../images/checkbox.gif"
    
    ) no-repeat;
    margin: 0 6px 0 0;
}
.checkboxAreaChecked {
    background-position: 0 -15px;
}
.member-box {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.member-box strong {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
}
.member-box strong a {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}
.sign-up-form span {
    float: right;
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    padding: 0 0 15px 0;
}
.cart-section {
    float: left;
    width: 100%;
}
.cart-table {
    float: left;
    width: 100%;
    margin: 0;
}
.cart-table ul {
    width: 100%;
    display: table;
    padding: 0px;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
    margin: 0 0 30px 0;
}
.cart-table ul li {
    display: table-row;
    margin: 0px;
    background-color: #FFF;
    width: 100%
}
.cart-table ul li:hover {
    background-color: #f6f6f6;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.cart-table ul li p {
    font: 400 18px/18px "Open Sans", sans-serif;
    color: #666;
    margin: 0;
}
.cart-table ul li .product,
.cart-table ul li .detail,
.cart-table ul li .price,
.cart-table ul li .quantity,
.cart-table ul li .total,
.cart-table ul li .del,
.cart-table ul li .delivery,
.cart-table ul li .sub-total {
    display: table-cell;
    border-right: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
.cart-table ul li .product {
    width: 14%;
}
.cart-table ul li .detail {
    width: 20%;
    float: none;
}
.cart-table ul li .price {
    width: 12%;
}
.cart-table ul li .delivery {
    display: none;
}
.cart-table ul li .sub-total {}.cart-table ul li .quantity {
    width: 25%;
}
.cart-table ul li .total {}.cart-table ul li .del {}.table-caps {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #222;
    text-transform: uppercase;
}
li.table-caps:hover {
    background-color: #fff;
    box-shadow: none;
}
.cart-table ul li.table-caps .product,
.cart-table ul li.table-caps .detail,
.cart-table ul li.table-caps .price,
.cart-table ul li.table-caps .quantity,
.cart-table ul li.table-caps .total,
.cart-table ul li.table-caps .del,
.cart-table ul li .delivery,
.cart-table ul li .sub-total {
    padding: 5px 30px;
}
.cart-table .close {
    float: none;
    font-size: 36px;
    color: #666;
    opacity: 1;
}
.table-caps>div {}.update-cart {
    float: left;
    width: 100%;
}
.cart-left {
    float: left;
    margin: 0 0 10px 0;
}
.cart-left div {
    float: left;
    margin: 0 20px 0 0;
}
.cart-left strong {
    float: left;
    font: 400 13px/38px 'Ubuntu', serif;
    color: #666;
    text-transform: uppercase;
    margin: 0 10px 0 0;
}
.cart-left input[type="text"] {
    float: left;
    width: 118px;
    height: 36px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    font: 400 18px "Open Sans", sans-serif;
    color: #666;
}
.cart-right {
    float: left;
}
.btn-cp {
    float: left;
    padding: 9px 20px;
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    margin: 0 20px 0 0;
}
.update-cart strong.title {
    font: 400 12px/30px "Open Sans", sans-serif;
    color: #666;
    float: left;
    text-transform: uppercase;
    clear: both;
    margin: 0 10px 0 0;
}
.update-cart img {
    float: left;
    margin: 0 0 0 0;
}
.check-out {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.checkout-form {
    float: left;
    margin: 0;
}
.checkout-form ul {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    overflow: auto;
}
.checkout-form ul li {
    float: left;
    margin-bottom: 20px;
    position: relative;
}
.checkout-form ul li .fa {
    position: absolute;
    left: 19px;
    top: 9px;
    font-size: 16px;
    color: #666;
    border-right: 1px solid #e1e1e1;
    padding: 9px 10px 5px 10px;
}
.checkout-form input[type="text"] {
    width: 100%;
    height: 48px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
    padding: 0 20px 0 64px;
    margin: 0 0 10px 0;
    font: 400 14px/48px "Open Sans", sans-serif;
    color: #666;
}
.checkout-form input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form input:-moz-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form input::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form input:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form textarea::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form textarea:-moz-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form textarea::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.checkout-form textarea:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.transfer-form input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.transfer-form input:-moz-placeholder {
    color: #666;
    opacity: 1;
}
.transfer-form input::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.transfer-form input:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.product-section {
    float: left;
    width: 100%;
}
.product-inner {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 50px 0;
}
.product-inner ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-inner ul li {
    float: left;
    padding: 13px 0 16px 0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    text-align: center;
}
.first {
    width: 10%;
    float: left;
}
.second {
    width: 30%;
    float: left;
}
.third {
    width: 20%;
    float: left;
}
.fourth {
    width: 40%;
    float: left;
}
#main .alignleft {
    text-align: left;
    padding-left: 20px;
}
.product-inner ul li strong.title {
    font: 600 14px/14px 'Ubuntu', serif;
    color: #222;
    display: block;
    padding: 0;
    text-transform: uppercase;
}
.transfer-form {
    float: left;
    width: 100%;
    margin: 0;
}
.transfer-form input[type="text"] {
    width: 100%;
    height: 48px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 19px;
    margin: 0 0 20px 0;
    box-shadow: none;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.transfer-form input[type="submit"] {
    padding: 13px 20px;
    float: right;
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    border: 0;
    width: auto;
    box-shadow: none;
}
.product-detail {
    float: left;
    width: 100%;
}
.product-detail .frame {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-detail .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.product-detail .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.product-detail .text-box {
    float: left;
    width: 100%;
    border: 0;
    padding: 0;
}
.product-detail .text-box h3 {
    margin: 0;
}
.product-detail .text-box em {
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
    display: block;
    padding: 0 0 15px 0;
}
.product-detail .text-box strong.cut {
    font: 300 24px/24px "Open Sans", sans-serif;
    color: #222;
    text-decoration: line-through;
    float: left;
    padding: 0 9px 0 0;
}
.product-detail .text-box strong.price {
    font: 400 24px/24px "Open Sans", sans-serif;
    color: #222;
    float: left;
    padding: 0 0 16px 0;
}
.review-box {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.review-box strong.title {
    float: left;
    font: 400 14px/18px "Open Sans", sans-serif;
    color: #222;
    padding: 0 10px 0 0;
}
.review-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-detail .text-box .review-box ul li {
    float: left;
    padding: 0 3px 0 0;
}
.review-box ul li a {
    display: block;
    font-size: 14px;
    color: #f58221;
    text-decoration: none;
}
.product-detail .text-box .review-box ul li a .fa {
    padding: 0;
}
.product-detail .text-box p {
    clear: both;
    margin: 0 0 23px 0;
}
.product-detail .text-box ul {
    padding: 0 0 10px 0;
    margin: 0;
    list-style: none;
}
.product-detail .text-box ul li {
    padding: 0 0 10px 0;
    overflow: hidden;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.product-detail .text-box ul li .fa {
    padding: 0 18px 0 0;
    font-size: 12px;
}
.availability-box {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px 0;
    margin: 0 0 20px 0;
}
.product-detail .text-box .availability-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-detail .text-box .availability-box ul li {
    padding: 10px 0 0 0;
    overflow: hidden;
}
.product-detail .text-box .availability-box ul li:first-child {
    padding: 0;
}
.product-detail .text-box .availability-box ul li strong.even {
    float: left;
    width: 200px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #222;
}
.product-detail .text-box .availability-box ul li strong.even em.italic {
    color: #666;
    display: inline;
    padding: 0;
}
.quantity-box {
    float: left;
    width: 100%;
}
.quantity-box strong.title {
    float: left;
    font: 400 14px/33px "Open Sans", sans-serif;
    color: #222;
    padding: 0 10px 0 0;
}
.quantity-box .quantity {
    float: left;
    margin: 0;
}
.quantity-box .quantity form {
    margin: 0;
}
.quantity-box form div {
    margin: 0 30px 0 0;
    overflow: hidden;
    width: 118px;
    float: left;
    border: 1px solid #ccc;
}
#main .quantity-box .quantity input[type="text"] {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
    border-radius: 0;
    color: #666;
    box-shadow: none;
    font: 400 18px/16px "Open Sans", sans-serif;
    height: 36px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 56px;
}
.quantity-box .button {
    background-color: #fff;
    background-image: url("../images/plus.png"
    /*tpa=http://html.crunchpress.com/be-good/images/plus.png*/
    
    );
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 36px;
    margin: 0;
    position: relative;
    text-align: center;
    text-indent: -9999px;
    width: 28px;
    border: 0;
}
.quantity-box .dec {
    background-image: url("../images/minus.png"
    /*tpa=http://html.crunchpress.com/be-good/images/minus.png*/
    
    );
    background-repeat: no-repeat;
    float: left;
    position: relative;
}
#main .button-box-3 {
    float: left;
    position: relative;
    border: 0;
    margin: 0;
    width: auto;
}
#main .button-box-3 input[type="submit"] {
    float: left;
    border: 0;
    margin: 0;
    padding: 0 20px;
    font: 700 12px/12px "Open Sans", sans-serif;
    color: #fff;
    height: 38px;
}
.button-box-3 .fa {
    float: left;
    font-size: 18px;
    color: #fff;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin: 0 2px 0 0;
}
.product-detail-row {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.product-detail-row .tab-style-1 .nav-tabs {
    background-color: #fff;
}
.product-detail-row .tab-style-1 .nav-tabs>li {
    background-color: #f5f5f5;
}
.product-detail-row .tab-style-1 .nav-tabs>li {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 0;
}
.product-detail-row .nav-tabs>.active>a,
.product-detail-row .nav-tabs>.active>a:hover,
.product-detail-row .nav-tabs>.active>a:focus {
    background: #fff;
    border: 0;
    color: #222;
}
.product-detail-row ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.product-detail-row .garments-collection {
    width: auto;
}
.product-detail-row .collection-box .text-box h3 {
    margin: 0 0 10px 0;
}
.product-detail-row .tab-style-1 {
    border-top: 0;
    border-right: 0;
}
.product-detail-row .tab-style-1-text-box {
    border-right: 1px solid #ccc;
    padding: 20px 40px 20px 20px;
}
.product-detail-row .tab-style-1 .nav-tabs {
    margin: 0;
}
.review-row {
    float: left;
    width: 100%;
}
.review-row .frame {
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 1px #e1e1e1;
    float: left;
    height: 90px;
    margin: 0 19px 0 0;
    overflow: hidden;
    padding: 0;
    width: 90px;
}
.review-row .frame img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.review-row .frame:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.review-row .tex-box {
    overflow: hidden;
}
.review-row .tex-box strong.name {
    color: #222;
    display: block;
    font: 600 14px/14px 'Ubuntu', serif;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.review-row .tex-box a {
    color: #222;
    display: block;
    font: 400 14px/14px 'Ubuntu', serif;
    padding: 0 0 12px;
    text-decoration: none;
}
.review-row .tex-box a .fa {
    padding: 0 7px 0 0;
}
.review-row .tex-box p {
    margin: 0 0 10px 0;
}
#main .review-star {
    float: left;
}
#main .review-star ul {
    padding: 0;
    margin: 0 0 50px 0;
    list-style: none;
    float: left;
}
#main .review-star ul li {
    float: left;
    padding: 0;
    font-size: 18px;
    line-height: 18px;
}
#main .review-star ul li a {
    font-size: 18px;
    line-height: 18px;
    color: #f58221;
    display: block;
    text-decoration: none;
    padding: 0;
}
#main .review-star ul li a .fa {
    font-size: 18px;
}
.product-detail-row .tab-style-1-text-box h3 {
    font-size: 14px;
}
#main .product-detail-row .comment-form ul {
    width: 100%;
}
#main .product-detail-row .comment-form ul li {
    width: 100%;
}
.product-detail-row .comment-form {
    margin: 0;
}
#main .comment-form .review-star ul {
    margin: 0;
}
#main .comment-form .review-star ul li {
    width: auto;
}
#main .comment-form .review-star ul li a .fa {
    padding: 0 4px 0 0;
}
#main .review-star strong.title {
    float: left;
    font: 600 14px/18px 'Ubuntu', serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
    padding: 0 10px 0 0;
}
#main .comment-form .review-star ul {
    width: auto;
}
#main .comment-form .review-star {
    margin: -30px 0 0 0;
}
.donate-section {
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}
.donate-form-area {
    float: left;
    margin: 0;
    width: 100%;
}
.donate-form ul {
    float: left;
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}
.donate-form ul li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    position: relative;
}
.donate-form-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.donate-form-area ul li:first-child {
    margin: 0;
}
.donate-form-area ul li {
    float: left;
    line-height: 18px;
    margin: 0 0 0 30px;
}
.donate-form ul li input.radio {
    border: 1px solid #222;
    border-radius: 14px;
    height: 14px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 14px;
}
.donate-form-area h4,
.donate-form-area ul li label {
    color: #333;
    display: block;
    font: 700 18px/18px 'Ubuntu', serif;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.donate-form ul li span:before {
    background-color: #ffffff;
    border-bottom: 1px solid #222;
    border-right: 1px solid #222;
    content: "";
    height: 7px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -5px;
    transform: rotate(-135deg);
    width: 7px;
}
input.radio+label>span.show {
    display: inline-block;
}
.donate-form ul li span {
    border: 1px solid #222;
    border-radius: 5px;
    clear: both;
    color: #666;
    font: 400 22px/58px "Open Sans", sans-serif;
    height: 58px;
    margin-top: 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 68px;
}
span.show-hover {
    display: none;
}
.donate-form-area input[type="text"] {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
    font: 400 12px/12px "Open Sans", sans-serif;
    height: 43px;
    margin: 0 0 20px;
    padding: 0 19px;
    width: 268px;
}
.donate-form-area input::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}
.donate-form-area input:-moz-placeholder {
    color: #000;
    opacity: 1;
}
.donate-form-area input::-moz-placeholder {
    color: #000;
    opacity: 1;
}
.donate-form-area input:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}
.donate-form-area select {
    height: 43px;
    width: 268px;
    font: 400 12px "Open Sans", sans-serif;
}
.donate-form-area input[type="submit"] {
    border: 0 none;
    color: #fff;
    float: left;
    font: 400 14px "Open Sans", sans-serif;
    margin: 0;
    padding: 12px 24px;
    text-transform: uppercase;
}
#wrapper .margin-none {
    margin: 0;
}
#wrapper .padding-bottom {
    padding: 0 0 50px 0;
}
#wrapper .flote-right {
    float: right;
    margin: 0 0 0 30px;
}
#wrapper .padding-none {
    padding: 0;
}
#wrapper .margin-bottom {
    margin-bottom: 50px;
}
#wrapper .border-none {
    border: 0;
}
.eco-padding-none {
    padding: 0;
}
.error-page {
    margin: 50px 0;
}
.padd-btm-50 {
    padding-bottom: 50px;
}
.padd-tb-50 {
    padding: 50px 0;
}
.padd-top-50 {
    padding-top: 50px;
}
.new-recent-post {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}
.new-recent-post .thumb {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0;
    background: #000;
}
.new-recent-post .thumb:hover img {
    opacity: 0.4;
}
.new-recent-post .thumb img {
    display: block;
    width: 100%;
}
.new-recent-post .thumb .caption {
    position: absolute;
    left: 20px;
    bottom: -75px;
}
.new-recent-post .thumb .caption .date-col {
    width: 100px;
    float: left;
    border: 5px solid #fff;
}
.new-recent-post .thumb .caption .date-col strong {
    float: left;
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #fff;
}
.new-recent-post .thumb .caption .date-col b {
    font: 700 30px/30px 'Ubuntu', serif;
    float: left;
    background-color: #222;
    width: 100%;
    height: 70px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0 0 0;
}
.new-recent-post .thumb .caption .date-col b span {
    display: block;
    font-size: 20px;
    margin: -4px 0 0 0;
}
.new-recent-post .text-col {
    float: left;
    width: 100%;
    padding: 0 0 0 145px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.detail-row {
    float: left;
    width: 100%;
}
.detail-row a {
    text-decoration: none;
    font: 400 14px/14px "Open Sans", sans-serif;
    color: #222;
    padding: 0 20px 0 0;
}
.detail-row a .fa {
    padding: 0 5px 0 0;
}
.new-recent-post-2 {
    float: left;
    width: 100%;
}
.new-recent-post-2 .box {
    float: left;
    width: 100%;
}
.new-recent-post-2 .box .thumb {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.new-recent-post-2 .box .thumb img {
    display: block;
    width: 100%;
}
.new-recent-post-2 .box .text-col {
    float: left;
    width: 100%;
}
.new-recent-post-2 .box .text-col h4 {
    line-height: 24px;
    margin: 0 0 10px 0;
}
.new-recent-post-2 .box .text-col a.btn-more {
    float: left;
    width: 47px;
    height: 37px;
    border: 1px solid;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
}
.new-recent-post-2 .box .text-col a.btn-more:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}
#owl-demo .item {
    margin: 0 15px;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.new-recent-post-2 .owl-prev {
    width: 57px;
    height: 80px;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    z-index: 9;
}
.new-recent-post-2 .owl-prev:before {
    content: "\f061";
    font-size: 20px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-family: FontAwesome;
    display: block;
}
.new-recent-post-2 .owl-prev:after {
    content: '';
    background: rgba(255, 255, 255, 0.55);
    width: 366px;
    height: 393px;
    position: absolute;
    right: 0;
    top: 0;
}
.new-recent-post-2 .owl-next {
    width: 57px;
    height: 80px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    z-index: 9;
}
.new-recent-post-2 .owl-next:before {
    content: "\f060";
    font-size: 20px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-family: FontAwesome;
    display: block;
}
.new-recent-post-2 .owl-next:after {
    content: '';
    background: rgba(255, 255, 255, 0.55);
    width: 366px;
    height: 393px;
    position: absolute;
    left: 0;
    top: 0;
}
.new-posr-style {
    float: left;
    width: 100%;
}
.new-posr-style .box {
    float: left;
    width: 100%;
}
.new-posr-style .box .date-col {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.new-posr-style .box .cp-left {
    float: left;
    width: 110px;
    margin: 0 10px 0 0;
}
.new-posr-style .box .date-col:before {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
}
.new-posr-style .box .date-col strong {
    float: left;
    width: 100%;
    height: 70px;
    font: 700 30px/30px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0;
}
.new-posr-style .box .date-col strong span {
    font-size: 20px;
    display: block;
}
.new-posr-style .box .date-col strong.comment {
    float: left;
    width: 100%;
    height: 70px;
    font: 700 30px/30px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 0 0;
}
.new-posr-style .box .date-col strong.comment span {
    font-size: 14px;
    display: inline;
    padding: 4px 0 0 0;
    border-top: 1px solid #fff;
}
.new-posr-style .box .cp-right {
    overflow: hidden;
}
.new-posr-style .box .thumb {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.new-posr-style .box .thumb img {
    display: block;
    width: 100%;
}
.new-posr-style .box .text-box {
    float: left;
    width: 100%;
}
.new-posr-style .box .text-box .detail-row a {
    padding: 0 15px 0 0;
}
.new-team-member {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.new-team-member .box {
    float: left;
    width: 100%;
    position: relative;
}
.new-team-member .box .thumb {
    float: left;
    width: 100%;
}
.new-team-member .box .thumb img {
    width: 100%;
    display: block;
}
.new-team-member .box .caption {
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 100%;
}
.new-team-member .box .caption .text-box {
    float: left;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.new-team-member .box .caption .text-box .holder {
    float: left;
    width: 100%;
    background: #f0f0f0;
    border: 4px solid #fff;
    outline: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
}
.new-team-member .box .caption .text-box .holder h4 {
    margin: 0 0 5px 0;
}
.new-team-member .box .caption .text-box .holder em {
    font: italic 400 14px/14px "Open Sans", sans-serif;
}
.new-team-member .box:hover .text-box .holder h4 a {
    color: #fff;
}
.new-team-member .box:hover .text-box .holder em {
    color: #fff;
}
.new-team-style-2 {
    float: left;
    width: 100%;
}
.new-team-style-2 .box {
    float: left;
    width: 100%;
    position: relative;
    background: #000;
}
.new-team-style-2 .box:hover .thumb {
    opacity: 0.5;
}
.new-team-style-2 .box:hover .caption .text-box {
    opacity: 1;
}
.new-team-style-2 .box .thumb {
    float: left;
    width: 100%;
    background: #000;
}
.new-team-style-2 .box .thumb img {
    display: block;
    width: 100%;
}
.new-team-style-2 .box .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.new-team-style-2 .box .caption .text-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    opacity: 0;
}
.new-team-style-2 .box .caption .text-box .cp-left {
    float: left;
}
.new-team-style-2 .box .caption .text-box .cp-left h4 a,
.new-team-style-2 .box .caption .text-box .cp-left {
    color: #fff;
}
.new-team-style-2 .box .caption .text-box .cp-left h4 {
    margin: 0 0 5px 0;
}
.new-team-style-2 .box .caption .social {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.new-team-style-2 .box .caption .social li {
    float: left;
    padding: 0;
}
.new-team-style-2 .box .caption .social li a {
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    background: #ebebeb;
    text-align: center;
    font-size: 14px;
    color: #222;
    margin: 0 0 0 10px;
}
.new-team-style-2 .box .caption .social li a:hover {
    background-color: #ec5248;
    color: #fff;
}
.cp-attorneys-team {
    float: left;
    width: 100%;
}
.cp-attorneys-style-1 {
    float: left;
    width: 100%;
    border-bottom: 3px solid #bda999;
}
.cp-attorneys-style-1:hover .frame .caption {
    opacity: 1;
}
.cp-attorneys-style-1:hover .cp-text-box:before {
    content: '';
    opacity: 0;
}
.cp-attorneys-style-1 .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cp-attorneys-style-1 .frame .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
}
.cp-attorneys-style-1 .frame .caption .holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 86%;
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cp-attorneys-style-1 .frame .caption ul {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    display: block;
    text-align: center;
}
.cp-attorneys-style-1 .frame .caption ul li {
    display: inline-block;
    padding: 0;
}
.cp-attorneys-style-1 .frame .caption ul li a {
    text-decoration: none;
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    display: block;
}
.cp-attorneys-style-1 .frame .caption p {
    color: #fff;
    text-align: center;
    margin: 0 0 15px 0;
}
.cp-theme-style-1 .cp-attorneys-style-1 .frame .caption a.btn-style-1 {
    float: none;
    display: table;
    margin: 0 auto;
    text-transform: uppercase;
    background: none;
    border: 2px solid #fff;
    padding: 12px 20px;
}
.cp-attorneys-style-1 .frame img {
    display: block;
    width: 100%;
}
.cp-attorneys-style-1 .cp-text-box {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.cp-attorneys-style-1 .cp-text-box:before {
    background-color: #fff;
    bottom: 62px;
    content: "";
    height: 62px;
    left: 0;
    position: absolute;
    transform: rotate(13deg);
    width: 100%;
    opacity: 1;
}
.cp-attorneys-style-1 .cp-text-box h3 {
    text-align: center;
    position: relative;
    text-transform: capitalize;
}
.cp-attorneys-style-1 .cp-text-box em {
    display: block;
    position: relative;
    text-align: center;
    font: italic 400 14px/14px "Open Sans", sans-serif;
    color: #666;
}
.theme-style-1 a.btn-style-1:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.5s linear 0s;
    width: 100%;
    z-index: -1;
}
.theme-style-1 .cp-attorneys-style-1 .frame .caption a.btn-style-1 {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    display: table;
    float: none;
    margin: 0 auto;
    padding: 12px 20px;
    text-transform: uppercase;
}
.theme-style-1 a.btn-style-1 {
    color: #fff;
    float: left;
    font: 700 14px/14px "Open Sans", sans-serif;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
    z-index: 11;
}
.theme-style-1 a.btn-style-1:hover:before {
    height: 100%;
    opacity: 1;
}
.theme-style-1 a.btn-style-1:hover {
    color: #000;
    text-decoration: none;
}
.theme-style-1 a.btn-style-1:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.5s linear 0s;
    width: 100%;
    z-index: -1;
}
.cp-new-event-box {
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    padding: 30px 0 10px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 30px 0;
}
.cp-new-event-box .cp-left {
    float: left;
    margin: 0 30px 0 0;
}
.cp-new-event-box .cp-left .thumb {
    float: left;
    margin: -60px 0 0 0;
}
.cp-new-event-box .cp-left .thumb img {
    width: 100%;
    display: block;
}
.cp-new-event-box .cp-left .text-box {}.cp-new-event-box .cp-left .text-box strong.date {
    float: left;
    width: 110px;
    height: 70px;
    padding: 5px 0 0 0;
    font: 700 30px/30px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: -50px 0 20px 20px;
    position: relative;
}
.cp-new-event-box .cp-left .text-box strong.date span {
    display: block;
    font-size: 20px;
}
.cp-new-event-box .cp-left .text-box h4 {
    clear: both;
    margin: 0 0 10px 0;
    display: block;
}
.cp-new-event-box .cp-left .text-box .detail-row a {
    display: block;
    padding: 0 0 10px 0;
}
.cp-new-event-box .cp-right {
    overflow: hidden;
}
.cp-new-event-box .cp-right .countdown_section {
    float: left;
    font: 400 14px/14px "Open Sans", sans-serif;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 7px 0;
    clear: both;
}
.cp-new-event-box .cp-right .countdown_amount {
    color: #fff;
    font: 700 30px/70px "Open Sans", sans-serif;
    float: left;
    position: relative;
    text-transform: uppercase;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 70px;
    height: 70px;
}
.cp-new-event-style-2 {
    float: left;
    width: 100%;
}
.cp-new-event-style-2 .box {
    float: left;
    width: 100%;
}
.cp-new-event-style-2 .box .thumb {
    float: left;
    width: 100%;
}
.cp-new-event-style-2 .box .thumb img {
    display: block;
    width: 100%;
}
.cp-new-event-style-2 .box .date-timer-row {
    float: left;
    width: 100%;
}
.cp-new-event-style-2 .box .date-timer-row strong.date {
    width: 110px;
    height: 70px;
    float: left;
    border: 5px solid #fff;
    font: 700 30px/30px 'Ubuntu', serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: -40px 50px 0 20px;
}
.cp-new-event-style-2 .box .date-timer-row strong.date span {
    display: block;
    font-size: 20px;
}
.cp-new-event-style-2 .box .date-timer-row .event-box {
    margin: -40px 0 0 0;
}
.cp-new-event-style-2 .box .date-timer-row .event-box .countdown_section {
    display: inline-block;
    font: 400 14px/14px "Open Sans", sans-serif;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 99;
}
.cp-new-event-style-2 .box .date-timer-row .event-box .countdown_amount {
    font: 700 30px/30px "Open Sans", sans-serif;
    display: block;
    position: relative;
    text-transform: uppercase;
    margin: 0 10px -40px 0;
    padding: 10px 0 0 0;
    width: 80px;
    height: 70px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: center;
    background: #fff;
    z-index: -1;
}
.countdown_row.countdown_show4 {
    position: relative;
    z-index: 999;
}
.cp-new-event-style-2 .box .text-box {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
.cp-new-event-style-2 .box .text-box p {
    text-align: left;
}
.cp-new-event-style-2 .box .text-box a.btn-2 {
    float: left;
}
.boxed #banner .caption {
    top: 0;
}
.top-social ul li a,
#banner .bx-wrapper .bx-pager.bx-default-pager a,
#main-features ul li a,
#features-section .holder .features-box .text-box h2,
.our-causes .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.recent-post-box .frame .caption,
.latest-news-box .frame .caption,
#main .latest-news-box strong.title a,
#main .latest-news-box p a,
.comment-row ul li a,
#main .testimonials-section .holder .frame,
.team-social li a,
#main .team-member-box .text-box h3 a,
.team-member-box .frame .caption,
.newsletter-form input[type="submit"],
a.btn-1,
.our-causes-box .frame img,
.upcoming-events-box .frame img,
.features-2-box .icon-box,
.features-2-box a.btn-more,
#features-section-2 .features-2-box h3 a,
a.btn-2,
.features-2-box .icon-box a,
.team-social-3 li a,
.other-members-box .frame .caption,
.team-box-2 .frame img,
.detail-row ul li a,
.player-btn-row ul li a,
.recent-post-2 .box .text-box a.btn-read,
.upcoming-section-2 .frame img,
.upcoming-section-2 .text-box a.link,
.upcoming-section-2 .bx-wrapper .bx-prev:before,
.upcoming-section-2 .bx-wrapper .bx-next:before,
.our-staf .box .frame img,
.footer-social ul li a.icon,
.islamic-features-box .frame img,
.player-btn-row-2 ul li a,
a.btn-4,
.recent-post-2 .box .frame img,
.navigation .dropdown-menu>li>a,
#banner .banner-caption a.donate,
.missions-frame img,
#main .upcoming-events-box .text-box a.more,
.footer-section-2 strong.copy a,
.footer-nav ul li a,
.our-projects .bx-wrapper .bx-controls-direction a,
#banner-3 #home-banner>li .caption a.btn-more,
.latest-seromns .frame img,
a.btn-3,
.footer-section-3 .box ul li a,
.footer-social strong.copy a,
.shape-1 img,
.upcoming-events-box .frame .caption,
.recent-post-2 .box .frame .caption,
.our-staf .box .frame .caption,
#banner-5 .bx-wrapper .bx-next:hover:before,
#banner-5 .bx-wrapper .bx-prev:hover:before,
.eco-icon,
.eco-icon a,
a.btn-5,
.eco-features-box .frame img,
.eco-tab-area .nav-tabs>li>a,
.eco-upcoming-events .bx-wrapper .bx-prev:hover:before,
.eco-upcoming-events .bx-wrapper .bx-next:hover:before,
.collection-box .frame .caption,
.eco-testimonials-box blockquote .frame img,
.main-causes .nav-tabs>li>a,
.nav-pills>li>a,
.causes-tab-tags ul li a,
.donation-detail ul li,
.causes-tab-content .frame img,
.causes-list-box .frame img,
.causes-list-box .frame .caption,
.causes-list-box .text-box h3 a,
.featured-items .frame:hover:before,
.featured-items .frame .caption a.view,
.featured-items .frame .caption a.title,
.featured-items .frame .caption:before,
.collection-box .text-box h3 a,
a.btn-7,
.garments-collection .bx-wrapper .bx-controls-direction a,
.garments-collection .bx-wrapper .bx-next:before,
.adds-banner .frame img,
.adds-banner .frame-2 img,
.arrivals-box .frame img,
.blog-box .frame img,
.blog-row ul li a,
.blog-box .text-box a.btn-read,
.blog-box .frame .caption a.search,
.blog-box .frame .caption a.link,
.blog-box .frame .caption,
.blog-box .text-box h3 a,
.new-arrivals .bx-wrapper .bx-controls-direction a,
.new-arrivals .bx-wrapper .bx-controls-direction a:hover:before,
.footer-section-4 .box .frame img,
.footer-section-4 .bx-wrapper .bx-controls-direction a,
#features-section .inner-box .icon-box a,
#features-section .inner-box .icon-box,
a.btn-8,
.accordion_cp,
.about-welcome .frame img,
.more-services .icon-box,
.more-services .icon-box .fa,
.more-services .text-box a,
.plan-box,
.blog-detail a.like,
.comment-box .frame img,
.comment-frame img,
.comments .text a.replay,
.sidebar-bix-1 .text-box a.title,
.sidebar-bix-1 .frame img,
.blog-detail .bx-wrapper .bx-controls-direction a,
.sidebar-bix-1 ul li a,
.sidebar-bix-1 .frame-2 img,
.gallery-section .frame .caption,
.our-history .holder .history-box .frame img,
h3 a,
.year-box,
.news-page .frame img,
.news-page .frame .caption,
.tags li a,
.event-detail .frame img,
.awesome-icon,
.team-member-detail-box .member-social li a,
.team-member-detail .frame img,
.team-member-detail-box ul li,
.team-detail-area .frame img,
.player-btn-row-2 ul li,
.player-btn-row-2 ul li:before,
.naat-page .frame img,
.star-box,
.star-box:before,
.contact-1 address ul li,
.contact-1 address ul li a,
.our-time ul li strong,
.fram-box .frame img,
.fa-icon-box,
.services-style-2 .services-box,
.sign-up .holder .frame img,
.sign-up-outer .frame img,
.arrivals-box .frame .caption,
a.btn-2:before,
.parallax-box .text-box a.btn-1,
.parallax-box .icon-box .fa,
.parallax-box .text-box a.btn-1,
.features-2-box .icon-box,
.features-2-box .icon-box a,
.features-2-box a.btn-more,
.product-detail .frame img,
.review-row .frame img,
.map-caption .frame img,
.blog-detail .frame img,
#footer .flicker-box li img,
.awesome-hover,
.round-box,
#nav li ul li a,
.parallax-box .icon-box,
.detail-row a,
.new-recent-post .thumb img,
.new-recent-post h4 a,
.new-recent-post-2 .box .text-col a.btn-more,
.new-team-member .box .caption .text-box .holder,
.new-team-member .box .caption .text-box .holder em,
.new-team-member .box .caption .text-box .holder h4 a,
.new-team-style-2 .box .caption .social li a,
.new-team-style-2 .box .thumb,
.new-team-style-2 .box .caption .text-box,
.theme-style-1 a.btn-style-1:before,
.cp-attorneys-style-1:hover .frame .caption,
.cp-attorneys-style-1 .cp-text-box:before,
.theme-style-1 a.btn-style-1,
.navigation,
.banner-tab .box {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.featured-items .frame img {
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

.recent-post-box .frame .caption a.link i{

}

.copyright-text{
	float: left;
	color: rgb(255, 255, 255);
}

#inner-banner .container p,.container p a{
	color:#fff;
    text-decoration: none;
}
.nav li .fa-caret-down {
    position: absolute;
    top: 20px;
    right: 4px;
    color: rgb(255, 255, 255);
    z-index: 20;
}
.nav > li {
	margin-bottom: -20px;
}

.dev {margin-right: 80px;}

.copyright-text {
    font-size: 18px;
}

.footer-box {
    float: left;
    width: 100%;
    background-color: #222;
    border-radius: 7px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 25px 0;
}

.footer-box-title {
	background: #87c174;
	color: rgb(9, 80, 46);
    position: relative;
    left: -30px;
    padding: 5px 5px 5px 20px;
    font-size: 16px;
    font: 600 16px/16px "Ubuntu",serif;
}

.footer-section-1 .box ul li, .footer-section-1 .box ul li:first-child {
    padding: 5px 0;
    border-top: none;
    color:#fff;
}

.footer-section-1 .box ul li a {
    color:#fff;
}

a:hover, a:focus {
    text-decoration: none;
}

.kmr-words-about-forest-text {
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-family: "Ubuntu",serif;
}

.kmr-words-about-forest-avtor {
    font-size: 26px;
    text-transform:uppercase;
    font-weight:bold;
}

#footer .footer-section-1 h2 span {
    color:#87c174;
}

.login-bar{
 color:#fff;   
}

.title_logo_2 {
color: #09502e;
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
line-height: 30px;
}

.title_logo_1 {
color: #09502e;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}


.navigation{
    height: 52px;
}

.sub-menu .list li{
	list-style: none;
    margin: 10px 0px;
}

.sub-menu .list li a {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight:bold ;
}
.sub-menu .list li .fa-caret-right {
    font-weight: bold;
    font-size: 16px;
    margin-right: 15px;
    
    padding-left: 5px;
    padding-right: 3px;
    background: #87C174;
    color: #fff;
}
.sub-menu .list li:hover .fa-caret-right{
	color:#000;
    
    background: #fff; 
    -webkit-transition: all 0.5s ease 0.2s;
     -moz-transition: all 0.5s ease 0.2s;
     -o-transition: all 0.5s ease 0.2s;
     transition: all 0.5s ease 0.2s;
}
.sub-menu .list li:hover a{
  color:#87C174;
    -webkit-transition: all 0.5s ease 0.2s;
     -moz-transition: all 0.5s ease 0.2s;
     -o-transition: all 0.5s ease 0.2s;
     transition: all 0.5s ease 0.2s;   
}
#feed_back{
	margin-bottom: 15px;
}

.skill-box{
	width: 213px;
    height: 213px;
    display: inline-block;
    padding: 10px;
    position: relative;
}
.skill-box-content{
	position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}
.skill-box-content h3 {
    font-weight: normal;
    font-size: 25.6px;
    margin-bottom: 5px;
    margin-top: 0;
    line-height: 20px;
    text-align: center;
}
.skill-box-content p {
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
}

.date .month, .date-header-list-item .month {
    position: absolute;
    width: 300px;
    height: 30px;
    text-transform: uppercase;
    margin-left: -102px;
    margin-top: 38px;
    font: 300 20px/20px "Open Sans", sans-serif;
    text-align: center;
}

.date .num, .date-header-list-item .num {
    position: absolute;
    width: 300px;
    height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    margin-left: 24px;
    font: 300 30px/30px "Open Sans", sans-serif;
}

.breadcrumb > .active {
    color: #fff;
}

.our-history p.kmr-save-to-file-title-text {
    text-align: left;
	border-bottom: 1px solid rgb(204, 204, 204);
    
}

.kmr-save-to-file-icon {
    float: right;
	margin: -15px 15px 15px;
}

.kmr-save-to-file-icon i {
    margin-right: 15px;
}

.kmr-save-to-file-icon i:hover {
    color:#09502e;
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.csc-header h3 {
    margin: 0 0 15px 0;
    text-align: center;
    border-bottom: 1px solid #666;
    padding: 0 0 11px 0;
}

.csc-header {
    margin-top: 50px;
}

.csc-header-n1 {
    margin-top: 0px;
}

.tx-indexedsearch .res-tmpl-css {
    border-top: 2px solid #09502e;
}

.news-list-container .title_in_list{
	width: 100%;
    padding: 0;
    font: 500 20px/20px 'Ubuntu', serif;
    color: #000; 
    text-align: justify;
}

.news-list-container .title_in_list a{
    color: #000;
    text-align: justify;
}


.news-list-container .inner_in_list {
    float: left;
}

.detail-row_in_list{
    margin-top:20px;
    margin-bottom:20px;
}
.detail-row_in_list i{
    margin-right:5px;
}

.news-list-container p{
    color: #000;
    text-align: justify;
}

.news-list-container .recent-post-box {
    min-height: 300px;
}

.sidebar .header-list-item {
	border-top: 2px solid #003c1a   
}

.sidebar .recent-post-box {
    border-top: none;
}

.sidebar .header-list-item {
    border-bottom: none;
}

hr {
 border-top: 1px solid #666;   
}

.addthis_sharing_toolbox {
    text-align: center;
}

#news-single-item .post-title {
    font: 700 30px/30px 'Ubuntu', serif;
    text-align: center;
    margin-bottom:30px;
}

#news-single-item .post-meta {
    font-weight: 600;
}


.weather_detail {
   display:none; 
}

.login-bar ul li.weather-top {
 border-left: none;  
    padding: 0 12px 0 0;
}

.blog-detail p.news-single-imgcaption {
    margin: 0;
}

.footer-box-schedule p{
 margin:10px 0 0 0;   
}


#feed_back .hide_initally {
	display: none;
}

.footer-box .widget_content_hot_line img {
     width:100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    margin-top:20px;
}

.widget_content_diya {
    width: 220px;
    height: 96px;
    border: 1px solid #fff;
    font-size: 18px;
    text-transform: uppercase;
    color: #222222 !important;
    padding-left: 94px;
    position: relative;
    text-align: left;
    padding-top: 5px;
    margin-bottom: 20px;
    line-height: 28px;
    background-color: rgba(255,255,255,0.5);
    font-weight: bold;
}

.widget_content_diya img {
    float: left;
    padding: 5px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.title_logo_2 {
  font-size: 20px;
  line-height: 30px;
}

.title_logo_1 {
  font-size: 13px;
}