body {
    margin: 0;
    padding: 0;
    font: 400 14px/22px "Times New Roman", Times, serif;
}

.theme-style-1 h1 {
    font: 700 36px/36px "Playfair Display", serif;
    text-transform: capitalize;
    margin: 0;
}

.theme-style-1 h2 {
    font: 400 40px/40px "Playfair Display", serif;
    text-transform: capitalize;
    color: #222;
    margin: 0 0 10px 0;
}

.theme-style-1 h4 {
    font: 700 20px/20px "Playfair Display", serif;
    text-transform: capitalize;
    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 "Playfair Display", 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) 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 "Playfair Display", serif;
    color: #222;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.theme-style-1 h3 a {
    font: 400 20px/20px "Playfair Display", serif;
    text-decoration: none;
    color: #222;
}

.theme-style-1 h3 a:hover {
    text-decoration: none;
}

.theme-style-1 p {
    font: 400 14px/22px "Times New Roman", Times, serif;
    color: #666;
    margin: 0px;
}

.theme-style-1 strong.title {
    font-family: "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Playfair Display", 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) 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) 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 "Playfair Display", 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) 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) 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 "Playfair Display", 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);
}

.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 "Playfair Display", 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 "Playfair Display", 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) 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: 12px 0;
    background-color: #f5f5f5;
    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 "Source Sans Pro", 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 "Source Sans Pro", 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: 12px;
    padding: 0 12px;
    border-left: 1px solid #666;
}

.topbar-nav ul li:first-child {
    border: 0;
    padding: 0 12px 0 0;
}

.topbar-nav ul li a {
    font: 400 12px/12px "Source Sans Pro", sans-serif;
    color: #666;
    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: 12px;
    padding: 0 12px;
    border-left: 1px solid #666;
}

.login-bar ul li:first-child {
    border: 0;
    padding: 0 12px 0 0;
}

.login-bar ul li a {
    font: 400 12px/12px "Source Sans Pro", sans-serif;
    color: #666;
    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 "Source Sans Pro", sans-serif;
    color: #666;
}

.topbar-address ul li .fa {
    padding: 0 10px 0 0;
}

.topbar-address ul li a {
    font: 400 16px/16px "Source Sans Pro", 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: 292px;
    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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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;
}

.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 a.tree {
    background: url(../images/tree-icon.png) no-repeat left top;
    width: 100px;
    height: 114px;
    margin: 0 0 0 30px;
    float: right;
    font: 700 16px/93px "Source Sans Pro", 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"] {
    float: right;
    width: 198px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 10px;
    margin: 0;
    font: 400 12px/12px "Source Sans Pro", sans-serif;
    color: #666;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.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;
}

.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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #fff;
    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;
    right: 0;
    top: 100%;
    width: 194px;
    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: 194px;
    top: 0;
    width: 194px;
    padding: 0;
}

#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 "Source Sans Pro", sans-serif;
    text-align: left;
    padding: 0 20px;
    color: #999;
    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.6);
    width: 400px;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.3);
}

.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);
}

.banner-heading strong {
    font: 400 16px/16px "Source Sans Pro", sans-serif;
    color: #fff;
    display: block;
}

#banner .banner-caption strong.title {
    font: 600 22px/24px "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

#banner .banner-caption a.donate {
    font: 700 16px/16px "Source Sans Pro", 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.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 .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 "Source Sans Pro", 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 "Playfair Display", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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) 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 "Source Sans Pro", 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) 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 "Playfair Display", 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) 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 "Playfair Display", 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 "Source Sans Pro", 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);
    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 "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #666;
    float: left;
}

.progress-boar strong.target {
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #666;
    float: right;
}

.progress-boar strong.percentage-1 {
    font: 400 14px/14px "Source Sans Pro", 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: #999;
}

.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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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) 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) 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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);
    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);
    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;
}

.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 "Source Sans Pro", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
    z-index: 9;
}

.date-color-4 {
    background-color: #aa2a32;
}

.date-color-5 {
    background-color: #003c1a;
}

.recent-post-box strong.date span {
    font-weight: 400;
    display: block;
    font-size: 20px;
}

.recent-post-box .frame {
    float: left;
    position: relative;
    width: 100%;
}

.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 a.link {
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #fff;
    text-align: center;
    line-height: 43px;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
}

#main .recent-post-box strong.title {
    display: block;
    width: 100%;
    padding: 15px 0;
    font: 600 20px/20px "Playfair Display", serif;
    color: #000;
    text-transform: capitalize;
    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);
    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);
    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 "Playfair Display", 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);
    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 "Source Sans Pro", 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 "Playfair Display", serif;
    color: #666;
    display: block;
    text-align: center;
}

.map-caption .text-box .mid-row span {
    font: 400 12px/14px "Source Sans Pro", 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 "Source Sans Pro", 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: 60px;
    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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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 "Source Sans Pro", sans-serif;
    color: #999;
    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: #999;
}

.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);
    background-color: #000;
    position: relative;
    overflow: hidden;
}

.testimonials-bg {
    background-image: url(../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 "Source Sans Pro", sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    display: block;
    padding: 0 0 25px 0;
}

.testimonials-section .holder strong.name {
    font: 700 17px/17px "Source Sans Pro", sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.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);
    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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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: #999;
}

.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 "Source Sans Pro", 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: #999;
}

.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) 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 "Source Sans Pro", sans-serif;
    color: #999;
    -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 "Source Sans Pro", 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 "Source Sans Pro", 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) 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) 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) 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) 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 "Source Sans Pro", 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 "Source Sans Pro", 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) 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) 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
}

.eco-newsletter .newsletter-form {
    padding: 25px 0;
}

#footer {
    float: left;
    width: 100%;
    background-color: #222;
}

.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);
}

.eco-bg {
    background-image: url(../images/footer-bg-3.jpg);
}

.islamic-bg {
    background-image: url(../images/footer-bg-4.jpg);
}

.store-bg {
    background-image: url(../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.9);
}

.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 "Source Sans Pro", 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 "Playfair Display", 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 "Playfair Display", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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: #111;
    padding: 30px 0;
}

.footer-section-2 strong.copy {
    font: 400 12px/20px "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", serif;
    text-transform: capitalize;
    color: #999;
    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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    text-transform: capitalize;
    color: #999;
    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: #999;
    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 "Source Sans Pro", sans-serif;
    color: #999;
}

.footer-section-3 .box address ul li a {
    text-transform: capitalize;
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #999;
}

.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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
    padding: 20px 0;
}

.footer-social strong.copy a {
    text-decoration: none;
    color: #999;
}

.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 "Playfair Display", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #999;
    text-decoration: line-through;
    float: left;
    padding: 0 4px 0 0;
}

.footer-section-4 .box .text-box span.price {
    font: 400 18px/18px "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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) 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: 90px 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 "Playfair Display", 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);
    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;
}

.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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #fff;
    margin: 0 0 35px 0;
}

.fact-box span {
    text-align: center;
    font: 700 50px/50px "Source Sans Pro", sans-serif;
    color: #fff;
    display: inline-block;
}

.fact-box a {
    text-decoration: none;
    display: block;
    text-align: center;
    font: 600 18px/18px "Source Sans Pro", 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 "Source Sans Pro", 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: #999;
    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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
}

#welcome-section .event-timer p.type-days {
    font: 400 20px/20px "Source Sans Pro", sans-serif;
}

span.colun-1 {
    background: url(../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) 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) 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 "Source Sans Pro", sans-serif;
    margin: 0;
}

.event-timer .text .type-time {
    font: 400 20px "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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: #999;
    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);
    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);
}

.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 "Playfair Display", 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);
    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);
    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) no-repeat left center;
}

.donation-section a.btn-3:after {
    background: url(../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) repeat;
}

.donation-section .holder {
    width: 760px;
    margin: 0 auto;
    position: relative;
}

.donation-section .holder strong.title {
    font: 600 20px/20px "Playfair Display", 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 "Playfair Display", 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) no-repeat left center;
}

.donation-bg a.btn-4:after {
    background: url(../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 "Source Sans Pro", 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: #999;
    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 "Playfair Display", 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 "Source Sans Pro", 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);
    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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #666;
    display: block;
    text-align: center;
}

.eco-testimonials-section {
    background-image: url(../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 "Source Sans Pro", sans-serif;
    color: #666;
    text-align: center;
    display: block;
    padding: 0 0 8px 0;
}

.eco-testimonials-box blockquote strong.designation {
    font: 300 16px/16px "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", serif;
    text-decoration: none;
    padding: 0;
    text-transform: capitalize;
}

.causes-tab-content .text-box a {
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #999;
    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: #999;
    padding: 0 5px 0 0;
    float: left;
}

.causes-tab-tags ul li a {
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #999;
    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 "Playfair Display", serif;
    color: #222;
    display: block;
    padding: 0 0 5px 0;
}

.donation-detail strong.detail {
    font: 400 14px/14px "Source Sans Pro", 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 "Playfair Display", serif;
    padding: 0;
    text-transform: capitalize;
}

.causes-list-box .text-box a {
    color: #999;
    display: block;
    font: 400 14px/14px "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", serif;
    color: #222;
    display: block;
    text-align: center;
    padding: 0 0 10px 0;
}

.detail-row-2 strong.detail-text {
    font: 400 14px/22px "Source Sans Pro", 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);
}

.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 "Playfair Display", 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);
    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) 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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: #999;
    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: #999;
    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 "Source Sans Pro", 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: #999;
    text-align: center;
    display: block;
}

.new-arrivals .bx-wrapper .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 42px;
    color: #999;
    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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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: #999;
    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: #999;
    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 {
    position: relative;
}
.inner_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

#inner-banner {
    float: left;
    width: 100%;
    /* background: url(../images/inner-banner.jpg) no-repeat left top/cover; */
    padding: 50px 0;
    margin: 0 0 50px 0;
    position: relative;
}

#inner-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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/20px "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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);
    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 "Playfair Display", 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) 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.html);
    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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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);
    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 {
    float: left;
}

.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;
    clear: both;
}

.blog-detail a.like {
    font: 400 14px/14px "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #666;
    text-transform: uppercase;
    margin: 20px 0 0 0;
}

.blog-detail blockquote p {
    font: italic 400 20px/28px "Source Sans Pro", sans-serif;
    color: #222;
    margin: 0;
}

.blog-detail .tags li a {
    font: 400 14px/22px "Source Sans Pro", 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 "Playfair Display", 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 "Playfair Display", 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: #999;
    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 "Source Sans Pro", sans-serif;
    color: #999;
    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;
}

.submitbtn,
.resetbtn,
.comment-form input[type="submit"] {
    float: right;
    padding: 15px 25px;
    border: 0;
    margin: 0;
    font: 600 12px/12px "Playfair Display", serif;
    color: #fff;
    text-transform: uppercase;
}

.sidebar {
    float: left;
    width: 100%;
}

.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 "Playfair Display", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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 "Source Sans Pro", sans-serif;
    float: left;
    text-shadow: none;
}

.sidebar-bix-1 span.amount {
    font: 400 14px/14px "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #fff;
}

.countdown-period {
    display: block;
    font: 400 12px/12px "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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;
 }


.gallery-section .frame {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-section .frame img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.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 "Source Sans Pro", 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 {
    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;
}

#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) repeat;
    height: 4px;
}

#main .event-detail .blockquote-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 0;
    border-bottom: 1px solid #ccc;
    font: 400 14px/14px "Source Sans Pro", 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 "Playfair Display", serif;
    color: #cb4371;
    text-align: center;
    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: #999;
    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 "Source Sans Pro", 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 "Source Sans Pro", 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: #999;
    font: 400 16px/30px "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
    display: block;
}

#home-sidebar address a.web {
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #666;
    text-decoration: none;
    margin: 0;
}

#home-sidebar address strong.miles {
    font: 700 14px/14px "Source Sans Pro", sans-serif;
    color: #999;
    display: block;
}

#home-sidebar address span.get {
    font: 400 14px/14px "Source Sans Pro", sans-serif;
    color: #999;
    display: block;
}

#home-sidebar address strong.title {
    color: #222;
    font: 600 18px/20px "Playfair Display", 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: #999;
}

.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 "Source Sans Pro", 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 "Source Sans Pro", 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%;
    border-top: 1px solid #ccc;
    padding: 30px 0 0 0;
}

.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 "Source Sans Pro", sans-serif;
    color: #666;
    float: left;
}

.our-time ul li strong.time {
    font: 400 14px/14px "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #666;
}

.donors-list-box strong.name {
    padding: 15px 20px;
    float: left;
    font: 400 14px/14px "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
}

.check-box label a {
    color: #999;
    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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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 "Source Sans Pro", 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 "Playfair Display", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #666;
}

.cart-right {
    float: left;
}

.btn-cp {
    float: left;
    padding: 9px 20px;
    font: 700 12px/12px "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #666;
}

.transfer-form input[type="submit"] {
    padding: 13px 20px;
    float: right;
    font: 700 12px/12px "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
    color: #666;
    display: block;
    padding: 0 0 15px 0;
}

.product-detail .text-box strong.cut {
    font: 300 24px/24px "Source Sans Pro", sans-serif;
    color: #999;
    text-decoration: line-through;
    float: left;
    padding: 0 9px 0 0;
}

.product-detail .text-box strong.price {
    font: 400 24px/24px "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", 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");
    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");
    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 "Source Sans Pro", 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 "Playfair Display", serif;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.review-row .tex-box a {
    color: #999;
    display: block;
    font: 400 14px/14px "Playfair Display", 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 "Playfair Display", 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 #999;
    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 "Playfair Display", serif;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.donate-form ul li span:before {
    background-color: #ffffff;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    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 #999;
    border-radius: 5px;
    clear: both;
    color: #666;
    font: 400 22px/58px "Source Sans Pro", 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 "Source Sans Pro", 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 "Source Sans Pro", sans-serif;
}

.donate-form-area input[type="submit"] {
    border: 0 none;
    color: #fff;
    float: left;
    font: 400 14px "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", sans-serif;
    color: #999;
    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 "Playfair Display", 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 "Playfair Display", 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 "Source Sans Pro", 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: #999;
    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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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 "Playfair Display", 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 "Source Sans Pro", 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 "Source Sans Pro", 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;
}

.pad-3 {
    padding: 17px 26px 40px;

    border-radius: 5px;
    color: #000;
}

.wrap1 {
    overflow: hidden;
    position: relative;
}

a.button:hover {
    background: #b4571a;
}

a.button {
    background: #850600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    padding: 6px 20px 5px 20px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #fff;
}

.btns a {
    display: inline-block;
    margin: 0 10px 0 0px;
}

.wrap1 {
    float: left;
    min-width: 100%;
    position: relative;
    margin: 0 auto;
}

.on {
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 20px;
}

.p6 {
    padding-bottom: 20px;
}

.p5 {
    padding-bottom: 14px;
}

a:hover,
a:focus {
    /* color: #fff !important; */
    text-decoration: none !important;
}

dl {
    margin: 17px 0 0 0px;
}

dl dd span {
    font-weight: bold;
}

#form label {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 41px;
}

#form input {
    border: 1px solid #000;
    background: none repeat scroll 0% 0% #fff;
    font-family: "Muli", sans-serif;
    font-size: 13px;
    color: #000;
    padding: 5px 9px 7px 13px;
    outline: medium none;
}

#form input {
    border: #000 1px solid;
    background: #fff;
    font: 400 16px/16px "Source Sans Pro", sans-serif;

    color: #000;
    padding: 5px 9px 5px 13px;
    outline: medium none;
    width: 100%;
    height: 35px;
    float: left;
    border-radius: 4px;
}

.btns {
    text-align: left;
    padding-top: 20px;
}

#form textarea {
    border: 1px solid #000;
    background: none repeat scroll 0% 0% #fff;
    font: 400 16px/16px "Source Sans Pro", sans-serif;

    color: #000;
    height: 84px;
    outline: medium none;
    overflow: auto;
    padding: 6px 0px 0px 13px;

    resize: none;
    margin: 0px;
    float: left;
    width: 100%;
    border-radius: 4px;
}

#form td {
    padding-left: 10px;
}

.icon-bar1 {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar1 a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar1 a:hover {
    background-color: #000;
}

.facebook {
    background: #3b5998;
    color: white;
}

.instagram {
    background: #db49b5;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.twitter {
    background: #00acee;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.whatsapp {
    background: #097d00;
    color: white;
}