html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
/*border: 0;*/
font-size: 100%;
font: inherit;
vertical-align: baseline
}
.container .row-fluid{line-height:35px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1
}
.contact-map img{max-width: none}
ol, ul {
list-style: none
}
strong{
font-weight: bold;
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: 'museo100';
src: url('../font/museo100-regular-webfont.eot');
src: url('http://en.kphwchem.com/html/skin/default/fonts/museo100-regular-webfont.eot@') format('embedded-opentype'), url('../font/museo100-regular-webfont.woff') format('woff'), url('../font/museo100-regular-webfont.ttf') format('truetype'), url('../font/museo100-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'museo300';
src: url('../font/museo300-regular-webfont.eot');
src: url('http://en.kphwchem.com/html/skin/default/fonts/museo300-regular-webfont.eot@') format('embedded-opentype'), url('../font/museo300-regular-webfont.woff') format('woff'), url('../font/museo300-regular-webfont.ttf') format('truetype'), url('../font/museo300-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'museo500';
src: url('../font/museo500-regular-webfont.eot');
src: url('http://en.kphwchem.com/html/skin/default/fonts/museo500-regular-webfont.eot@') format('embedded-opentype'), url('../font/museo500-regular-webfont.woff') format('woff'), url('../font/museo500-regular-webfont.ttf') format('truetype'), url('../font/museo500-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'museo700';
src: url('../font/museo700-regular-webfont.eot');
src: url('http://en.kphwchem.com/html/skin/default/fonts/museo700-regular-webfont.eot@') format('embedded-opentype'), url('../font/museo700-regular-webfont.woff') format('woff'), url('../font/museo700-regular-webfont.ttf') format('truetype'), url('../font/museo700-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'museo900';
src: url('../font/museo900-regular-webfont.eot');
src: url('http://en.kphwchem.com/html/skin/default/fonts/museo900-regular-webfont.eot@') format('embedded-opentype'), url('../font/museo900-regular-webfont.woff') format('woff'), url('../font/museo900-regular-webfont.ttf') format('truetype'), url('../font/museo900-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: "iconfont";
src: url('../font/iconfont.eot');
src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg')
}
.iconfont {
font-family: "iconfont"!important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale
}
.fenxiaodaonoindex .icon-twitter:before {
content: "\e600"
}
.fenxiaodaonoindex .icon-weixin:before {
content: "\e601"
}
.fenxiaodaonoindex .icon-renrenwang:before {
content: "\e602"
}
.fenxiaodaonoindex .icon-socialfacebooksquare:before {
content: "\e603"
}
.fenxiaodaonoindex .icon-tengxunweibo:before {
content: "\e604"
}
.fenxiaodaonoindex .icon-xinlangweibo:before {
content: "\e605"
}
.fenxiaodaonoindex .icon-QQkongjian:before {
content: "\e606"
}
.fenxiaodaonoindex .icon-twitter1:before {
content: "\e607"
}
.fenxiaodaonoindex .icon-qq:before {
content: "\e608"
}
.fenxiaodaonoindex .icon-facebook:before {
content: "\e609"
}
.fenxiaodaonoindex .icon-dianhua:before {
content: "\e60a"
}
.fenxiaodaonoindex .icon-qqkongjian:before {
content: "\e60b"
}
.fenxiaodaonoindex .icon-douban:before {
content: "\e60c"
}
.fenxiaodaonoindex .icon-gengduo:before {
content: "\e60d"
}
.fenxiaodaonoindex .icon-gongnengyewangyiweibofanshe:before {
content: "\e60e"
}
.fenxiaodaonoindex .icon-88:before {
content: "\e60f"
}
.fenxiaodaonoindex .icon-89:before {
content: "\e610"
}
.fenxiaodaonoindex .icon-90:before {
content: "\e611"
}
.fenxiaodaonoindex .icon-douban1:before {
content: "\e612"
}
.fenxiaodaonoindex .icon-dayin:before {
content: "\e613"
}
#fenxianganniu {
z-index: 9999
}
.fenxianganniu ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
margin: 0;
padding: 0
}
.fenxianganniu ul li a {
cursor: pointer;
color: #fff;
text-decoration: none
}
.fenxianganniu ul li a i {
font-size: 26px;
width: 46px;
height: 46px;
text-align: center;
line-height: 46px;
display: block;
font-family: "iconfont"
}
.fenxianganniu ul li .bashare_fenxiang_a {
display: block;
overflow: hidden
}
.fenxianganniu ul li .bashare_fenxiang_div {
position: relative
}
.fenxianganniu ul li .bashare_fenxiang_div .bds_more {
position: absolute;
top: 12px;
left: 10px;
display: block;
width: 40px;
height: 40px;
padding: 0
}
.fenxianganniu ul li a:hover {
opacity: 1
}
.fenxianganniu ul li {
transition: .5s background-color;
-webkit-transition: .5s background-color;
-moz-transition: .5s background-color;
-ms-transition: .5s background-color;
-o-transition: .5s background-color
}
.fenxianganniu ul li:hover {
background-color: #89b900
}
.fenxianganniubottom {
width: 100%;
text-align: center;
background-color: #151515;
padding: 10px 0;
position: inherit;
clear: both;
float: none
}
.fenxianganniubottom ul li {
display: inline-block;
vertical-align: middle;
position: relative;
width: 36px;
height: 36px;
border-radius: 18px;
margin: 0 2px;
background-color: #9c0;
transition: .5s background-color
}
.fenxianganniubottom ul li a {
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
display: inline-block;
margin: 0;
padding: 0
}
.fenxianganniubottom ul li a font {
position: absolute;
left: 0;
bottom: 36px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 0 4px #ccc;
background-color: #fff;
padding: 5px;
display: none;
overflow: hidden;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
-webkit-transition: .5s all;
transition: .5s all
}
.fenxianganniubottom ul li a font span {
color: #666
}
.fenxianganniubottom ul li a i {
width: 36px;
height: 36px;
line-height: 36px
}
.fenxianganniubottom ul li a font img {
border: 4px solid #b10303
}
.fenxianganniubottom ul li:hover a font {
display: block
}
.fenxianganniubottom ul li:hover {
box-shadow: 2px 2px 2px #79a500 inset
}
.fenxianganniuright {
width: 46px;
position: fixed;
right: 0
}
.fenxianganniuright li {
position: relative;
display: block;
z-index: 99;
width: 10000%;
background-color: #9c0;
height: 46px
}
.fenxianganniuright li a {
display: block;
z-index: 99;
position: absolute;
top: 0;
left: 0
}
.fenxianganniuright li a:nth-child(2) {
width: 40px;
height: 46px
}
.fenxianganniuright li a i {
position: absolute;
top: 0;
left: 0
}
.fenxianganniuright li a font {
display: block;
position: absolute;
top: 0;
left: 46px;
line-height: 46px;
font-size: 24px;
z-index: 99999999
}
.fenxianganniuright li a font img {
z-index: 99999999;
border: 4px solid #9c0
}
.fenxianganniuright .bashare_fenxiang_ali i {
left: -20px
}
.fenxianganniuright ul li .bashare_fenxiang_div .bds_more {
left: -20px
}
.fenxianganniuright .bashare_fenxiang_a {
width: 40px;
height: 46px
}
.fenxianganniuright ul li .bashare_fenxiang_div .bds_more {
position: absolute;
top: 12px;
left: -10px;
display: block;
width: 40px;
height: 40px;
padding: 0
}
.fenxianganniuleft {
width: 46px;
position: fixed;
left: 0
}
.fenxianganniuleft li {
position: relative;
display: block;
z-index: 99;
width: 1000%;
left: -900%;
background-color: #9c0;
height: 46px
}
.fenxianganniuleft li a {
display: block;
z-index: 99;
height: 46px
}
.fenxianganniuleft li a:nth-child(2) {
width: 40px;
height: 46px;
position: absolute;
top: 0;
right: 0
}
.fenxianganniuleft li a i {
float: right
}
.fenxianganniuleft li a font {
display: block;
float: right;
line-height: 46px;
font-size: 24px;
z-index: 99999999
}
.fenxianganniuleft li a font img {
z-index: 99999999;
border: 4px solid #9c0
}
.fenxianganniuleft li a .bashare_fenxiang_div {
position: absolute;
right: 0
}
.fenxianganniuleft ul li .bashare_fenxiang_div .bds_more {
position: absolute;
top: 12px;
left: 10px;
display: block;
width: 40px;
height: 40px;
padding: 0
}
#iconandiv {
width: 26px;
cursor: pointer;
padding: 8px 10px;
height: 20px;
position: absolute;
top: -36px;
text-align: center;
border-radius: 3px;
background-color: #89b900
}
#iconandiv span:nth-child(2) {
opacity: 1
}
#iconandiv span {
display: block;
height: 2px;
background-color: #fff;
-moz-transition: .2s all;
-ms-transition: .2s all;
-o-transition: .2s all;
-webkit-transition: .2s all;
transition: .2s all;
margin: 4px auto
}
#iconandiv.iconandivclass span:nth-child(1) {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: relative;
top: 6px
}
#iconandiv.iconandivclass span:nth-child(2) {
opacity: 0
}
#iconandiv.iconandivclass span:nth-child(3) {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
bottom: 6px
}
#iconandiv.iconandivclass {
border-radius: 0
}
.fenxiaodaonoindex ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0
}
.fenxiaodaonoindex ul li.fxd {
width: auto
}
.fenxiaodaonoindex {
width: 100%;
padding: 20px 0;
text-align: left
}
.fenxiaodaonoindex ul li {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
vertical-align: middle;
background: 0
}
.fenxiaodaonoindex ul li a {
font-size: 30px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
cursor: pointer;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
-webkit-transition: .5s all;
transition: .5s all
}
.fenxiaodaonoindex ul li a i {
font-style: normal;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0
}
.fenxiaodaonoindex ul li .icon-gengduo {
position: relative
}
.fenxiaodaonoindex ul li .icon-gengduo .bashare_fenxiang_divgengduo {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%
}
.fenxiaodaonoindex ul li .icon-gengduo .bashare_fenxiang_divgengduo span {
height: 100%;
width: 100%
}
.fenxiaodaonoindex ul li:nth-child(2):hover a {
color: #de675b
}
.fenxiaodaonoindex ul li:nth-child(3):hover a {
color: #518af3
}
.fenxiaodaonoindex ul li:nth-child(4):hover a {
color: #57ab63
}
.fenxiaodaonoindex ul li:nth-child(5):hover a {
color: #4fc6f7
}
.fenxiaodaonoindex ul li:nth-child(6):hover a {
color: #63bf5c
}
.fenxiaodaonoindex ul li:nth-child(7):hover a {
color: #67a8ef
}
.fenxiaodaonoindex ul li span {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #fff
}
.fenxiaodaonoindex ul li a {
display: inline;
padding: 0
}
@media(min-width:1200px) {
.fenxiaodaonoindex ul li a {
font-size: 30px
}
}
@media(max-width:1200px) {
.fenxiaodaonoindex ul li a {
font-size: 30px
}
}
@media(max-width:920px) {
.fenxiaodaonoindex ul li {
width: 25px;
height: 25px
}
.fenxiaodaonoindex ul li a {
font-size: 25px
}
.fenxiaodaonoindex ul li {
margin: 0 2px
}
.fenxiaodaonoindex ul li span {
font-size: 12px
}
}
@media(max-width:674px) {
.fenxiaodaonoindex ul {
text-align: left
}
.fenxiaodaonoindex ul li a {
font-size: 25px
}
.fenxiaodaonoindex ul li {
margin: 0 2px
}
.fenxiaodaonoindex ul li.fxd {
font-size: 12px;
display: block;
line-height: 30px
}
}
@media(max-width:400px) {
.fenxianganniubottom ul li {
margin: 0 -2px
}
.fenxiaodaonoindex ul li {
width: 25px;
height: 25px
}
.fenxiaodaonoindex ul li.fxd span {
line-height: 0;
margin-bottom: 20px;
display: block
}
}
.fcall {
display: none;
background: #9c0;
margin-top: 15px;
text-align: center;
padding: 0;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999999999;
overflow: hidden
}
@media (max-width: 767px) {
.fcall {
display: block;
}
body {
padding-bottom: 50px !important;
}
}
.bottomqq .bottom1 {
margin: 0 auto;
max-width: 1003px;
margin: auto;
overflow: hidden
}
.bottomqq .bottom1 a {
float: left;
width: 25%;
text-align: center;
line-height: 40px;
color: #fff;
height: 40px;
padding: 5px 0;
font-size: 12px;
overflow: hidden
}
.bottomqq .bottom1 a img {
margin: 0;
vertical-align: inherit;
position: relative;
top: 5px
}
.bottomqq .bottom1 a.xianqd {
border: 0
}
.bottomqq {
overflow: hidden
}
.footheitop {
clear: both;
float: none
}
body {
margin: 0;
padding: 0;
background-color: #f2f2f2
}
#wrapper {
width: 100%
}
#header {
border-top: 3px solid;
position: relative
}
.nav-box {
float: left
}
.navigation-box {
width: 100%;
margin: auto;
background-color: rgba(0,0,0,0.83);
}
.navigation-box .navbar {
margin: 0;
float: left
}
.generic-heading {
width: 100%;
padding: 50px 0;
position: relative
}
.generic-heading h2 {
font-family: 'museo100';
font-weight: 100;
font-size: 36px;
color: #242424;
line-height: 36px;
text-align: center;
margin: 0 0 10px 0
}
.generic-heading strong.title-line {
font-family: 'museo500';
font-weight: 500;
color: #7e7e7e;
font-size: 18px;
line-height: 18px;
display: block;
text-align: center;
position: relative
}
.generic-heading strong.title-line:before {
content: '';
display: block;
margin: auto;
width: 200px;
border: 1px solid #cecece
}
.generic-heading strong.title-line:after {
content: '';
display: block;
margin: -4px auto;
width: 38px;
border: 3px solid
}
.generic-heading-2 {
float: left;
width: 100%;
margin: 0 0 100px 0;
position: relative
}
.generic-heading-2 h2 {
font-family: 'museo100';
font-weight: 100;
font-size: 36px;
color: #fff;
line-height: 36px;
text-align: center;
margin: 0 0 10px 0
}
.generic-heading-2 strong.title-line {
font-family: 'museo500';
font-weight: 500;
color: #fff;
font-size: 18px;
line-height: 18px;
display: block;
text-align: center;
position: relative
}
.generic-heading-2 strong.title-line:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -22px;
margin: auto;
width: 200px;
border: 1px solid #cecece
}
.generic-heading-2 strong.title-line:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -23px;
margin: auto;
width: 38px;
border: 3px solid
}
.generic-heading-3 {
width: 100%;
margin: 30px 0;
position: relative
}
.generic-heading-3 h1 {
font-family: 'museo500';
font-weight: 500;
font-size: 48px;
color: #242424;
line-height: 48px;
text-align: center;
}
.generic-heading-3 strong.title-line {
font-family: 'museo500';
font-weight: 500;
color: #7e7e7e;
font-size: 18px;
line-height: 18px;
display: block;
text-align: center;
position: relative
}
.generic-heading-3 strong.title-line:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -22px;
margin: auto;
width: 200px;
border: 1px solid #cecece
}
.generic-heading-3 strong.title-line:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -23px;
margin: auto;
width: 38px;
border: 3px solid
}
#nav {
padding: 0 17px 0 0;
margin: 0 auto;
list-style: none;
float: left
}
#nav ul {
margin: 0
}
#nav li {
float: left;
position: relative;
border-right: 1px solid #000
}
@media (max-width: 767px) {
#nav li {
border-right: 0;
border-bottom: 1px solid #000;
}
}
#nav li:first-child {
background: 0
}
#nav li:last-child {
border-right: 0;
}
#nav li a {
font-family: 'museo500';
font-size: 14px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
padding: 30px 17px;
display: block;
position: relative;
z-index: 20
}
#nav li ul li a:hover, #nav li ul li:hover>a {
text-decoration: none;
color: #fff
}
#nav li ul {
position: absolute;
left: 0;
top: 54px;
width: 190px;
background: #000;
padding: 0;
display: none;
list-style: none;
z-index: 10;
margin: 0;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5)
}
#nav li:hover>ul {
display: block
}
#nav li ul li>ul {
position: absolute;
left: 190px;
top: 0;
width: 190px;
padding: 0
}
#nav li ul li {
float: none;
width: auto;
background: 0
}
#nav li ul li a {
font-family: 'museo300';
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
background: 0;
text-align: left;
padding: 10px 15px;
color: #aaa;
display: block
}
@media (max-width: 979px) {
.navbar {
position: relative;
}
.navbar .btn-navbar {
position: absolute;
right: 0;
top: -60px;
z-index: 9;
}
#nav li a {
padding: 10px 17px;
}
}
.currency-box {
float: left;
padding: 20px 8px 0 0
}
.currency-box a.cruncy {
background: 0;
box-shadow: none;
text-shadow: none;
border: 0;
text-decoration: none;
outline: 0
}
.currency-box .btn-group>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.currency-box .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
font-size: 14px;
font-family: 'museo100';
font-weight: 100;
color: #fff;
padding: 0 8px 0 0
}
.currency-box .btn-group>.btn+.dropdown-toggle {
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.currency-box .btn-group>.btn+.btn {
margin-left: 0
}
.currency-box .btn-primary {
background: 0;
text-shadow: none;
box-shadow: none
}
.currency-box .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background: 0
}
.currency-box .dropdown-menu {
background-color: #000;
border: 0;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
display: none;
float: left;
left: 0;
list-style: none outside none;
margin: 0;
min-width: 100%;
padding: 0!important;
position: absolute;
top: 100%;
z-index: 1000
}
.currency-box .dropdown-menu>li>a {
clear: both;
color: #aaa;
display: block;
font-weight: normal;
line-height: 16px;
padding: 3px 12px;
white-space: nowrap
}
.currency-box .dropdown-menu>li>a .fa {
padding: 0 4px 0 0
}
.currency-box .btn-group.open .btn-primary.dropdown-toggle {
background-color: transparent
}
.currency-box .btn-group.open .dropdown-toggle {
background-image: none;
box-shadow: none
}
.currency-box .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
background-image: none;
color: #fff;
text-decoration: none
}
.language-box {
float: left;
padding: 20px 0 0 0
}
.language-box a.language {
background: 0;
box-shadow: none;
text-shadow: none;
border: 0;
text-decoration: none;
outline: 0
}
.language-box .btn-group>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.language-box .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
font-size: 14px;
font-family: 'museo100';
font-weight: 100;
color: #fff;
padding: 0 8px 0 0
}
.language-box .btn-group>.btn+.dropdown-toggle {
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.language-box .btn-group>.btn+.btn {
margin-left: 0
}
.language-box .btn-primary {
background: 0;
text-shadow: none;
box-shadow: none
}
.language-box .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background: 0
}
.language-box .dropdown-menu {
background-color: #000;
border: 0;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
display: none;
float: left;
left: 0;
list-style: none outside none;
margin: 0;
min-width: 100%;
padding: 0;
position: absolute;
top: 100%;
z-index: 1000
}
.language-box .dropdown-menu>li>a {
clear: both;
color: #aaa;
display: block;
font-weight: normal;
line-height: 16px;
padding: 3px 12px;
white-space: nowrap
}
.language-box .dropdown-menu>li>a .fa {
padding: 0 4px 0 0
}
.language-box .btn-group.open .btn-primary.dropdown-toggle {
background-color: transparent
}
.language-box .btn-group.open .dropdown-toggle {
background-image: none;
box-shadow: none
}
.language-box .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
background-image: none;
color: #fff;
text-decoration: none
}
.bottom-row {
float: left;
border-top: 2px solid rgba(255,255,255,0.38)
}
.header-search {
margin: 11px 0 0 0;
position: relative;
width: 100%
}
.input-box {
float: left;
position: relative;
margin: 0 22px 0 0
}
.header-input {
float: left;
min-width: 309px;
height: 33px!important;
background-color: #dee1e3!important;
border: 0;
padding: 0 10px!important;
border-radius: 0!important;
margin: 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.header-btn-search {
width: 34px;
height: 33px;
border: 0;
padding: 0;
margin: 0;
background-color: #000;
position: absolute;
right: 0;
top: 0;
color: #fff;
box-shadow: 0 0 2px rgba(255,255,255,0.3);
-moz-box-shadow: 0 0 2px rgba(255,255,255,0.3);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.3)
}
.header-btn-search .fa {
color: #fff;
font-size: 16px;
line-height: 33px;
text-align: center;
display: block
}
.header-search strong.title {
font-family: 'museo500';
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
line-height: 33px;
color: #fff;
float: right
}
.header-search strong.title span {
font-family: 'museo300';
font-weight: 300
}
.donate-box {
width: 100%
}
.donate-box strong.title {
font-family: 'museo500';
float: left;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #f1f1f1;
padding: 17px 13px 0 0
}
.top-bar-outer {
float:right;
}
.donate-box a.btn-donate {
float: right;
padding: 18px 17px;
background-color: #000;
text-decoration: none;
font-family: 'museo500';
font-size: 24px;
font-weight: 500;
color: #fff
}
.donate-box a.btn-donate:hover span {
color: #fff
}
.donate-box a.btn-donate span {
font-family: 'museo100';
font-size: 18px;
font-weight: 100
}
strong.logo {
float: left;
max-width:230px;
padding-top:10px;
padding-bottom:10px;
}
strong.logo a {
width:100%;
/*background-color: #000;*/
font-family: 'museo700';
/*font-size: 40px;*/
/*font-weight: 700;*/
text-transform: uppercase;
float: left;
/*padding: 17px 40px;*/
text-decoration: none
}
strong.logo a img {
/*font-family: 'museo300';*/
/*font-weight: 300;*/
/*font-size: 18px;*/
/*display: block;*/
/*color: #fff;*/
/*padding: 17px 0 0 0*/
max-width:100%;
}
@media (min-width: 1200px){
.top-bar-outer {
width: 880px!important;
}
}
@media (min-width: 1200px) {
#nav li a {
padding: 35px 20px!important;
}
}
#banner {
width: 100%;
position: relative;
}
#banner .caption {
position: absolute;
left: 0;
bottom: 140px;
width: 100%;
margin: 0 auto;
z-index: 9
}
#banner .caption .holder {
width: 1170px;
margin: 0 auto
}
#banner .caption h1 {
font-family: 'museo700';
font-weight: 700;
font-size: 48px;
line-height: 48px;
color: #fff;
margin: 0 0 10px 0;
text-align: left;
text-shadow: 0 2px 3px #000
}
#banner .caption strong.title {
font-family: 'museo700';
font-weight: 700;
font-size: 36px;
line-height: 36px;
color: #fff;
text-align: left;
margin: 0;
display: block;
text-shadow: 0 2px 3px #000
}
#banner .bx-wrapper {
width: 100%;
margin: 0;
border-bottom: 6px solid #434444;
position: relative
}
#home-banner>li:before {
content: '';
background: url(../image/pattren-bg.png) repeat;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9
}
#home-banner>li {
position: relative
}
#banner .bx-viewport>ul {
margin: 0
}
#banner .bxslider img {
width: 100%
}
#banner>div {
display: block;
text-align: center;
position: relative;
z-index: 999;
clear: both
}
.rollIn.animated>img {
border-radius: 100%
}
#banner #bx-pager>a {
display: inline-block;
border: 5px solid #434444;
border-radius: 100%;
overflow: hidden;
margin: -52px 10px 0 0;
outline: 0
}
#banner #bx-pager>a.active {
border: 5px solid #fff;
box-shadow: 0 0 4px rgba(0,0,0,0.3)
}
#banner #bx-pager>a:hover {
border: 5px solid #fff;
box-shadow: 0 0 4px rgba(0,0,0,0.3)
}
#banner .bx-wrapper .bx-controls-direction a {
display: none
}
#main {
width: 100%
}
.our-services {
padding: 0 0 70px 0;
border-bottom: 1px solid #98cb00
}
.services-box {
width: 100%;
padding: 0 25px;
border: 1px solid #d7d7d7;
background-color: #fff;
position: relative;
height: 251px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.services-box:before {
content: '';
position: absolute;
left: 8px;
top: 0;
bottom: 0;
margin: auto;
height: 96%;
border-left: 2px dotted #e5e6e6
}
.services-round {
width: 94px;
height: 94px;
border-radius: 100%;
margin: -37px auto 13px;
border: 1px solid;
background-color: #fff
}
.services-round a.sprite-1 {
text-align: center;
line-height: 100px;
display: block;
color: #91caf5/*a6ac9a*/;
text-align: center;
font-size: 45px
}
.services-round a.sprite-2 {
text-align: center;
line-height: 100px;
display: block;
color: #91caf5/*a6ac9a*/;
text-align: center;
font-size: 45px
}
.services-round a.sprite-3 {
text-align: center;
line-height: 100px;
display: block;
color: #91caf5/*a6ac9a*/;
text-align: center;
font-size: 45px
}
.services-round a.sprite-4 {
text-align: center;
line-height: 100px;
display: block;
color: #91caf5/*a6ac9a*/;
text-align: center;
font-size: 45px
}
.services-box h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 23px;
line-height: 23px;
color: #454545;
text-align: center;
text-transform: capitalize;
margin: 0 0 8px 0
}
.services-box strong.title-text {
font-family: 'museo100';
font-weight: 100;
color: #454545;
font-size: 19px;
line-height: 19px;
display: block;
text-align: center;
padding: 0 0 10px 0
}
.services-box p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #868686;
font-weight: 400;
line-height: 18px;
text-align: center;
margin: 0 0 6px 0
}
.services-box a.readmore {
width: 135px;
height: 39px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #a0c661/*d7d7d7*/;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 38px;
text-align: center;
display: block;
color: #454545;
position: relative
}
.services-box a.readmore:before {
content: '';
position: absolute;
left: -1px;
top: -1px;
width: 138px;
height: 13px;
background-color: #fff
}
.services-box a.readmore .fa {
font-size: 14px;
color: #454545;
padding: 0 0 0 5px
}
.services-box:hover:before {
border-left: 2px dotted #fff
}
.services-box:hover h3 {
color: #fff
}
.services-box:hover strong.title-text {
color: #fff
}
.services-box:hover p {
color: #fff
}
.services-box:hover a.readmore {
border: 2px solid
}
.services-box:hover a.readmore:before {
display: none
}
.services-box:hover .services-round {
background-color: #000;
border: 7px solid #fff
}
.services-box:hover a.sprite-1 {
color: #fff
}
.services-box:hover a.sprite-2 {
color: #fff
}
.services-box:hover a.sprite-3 {
color: #fff
}
.services-box:hover a.sprite-4 {
color: #fff
}
.services-box:hover:after {
content: '';
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width: 300px;
background: rgba(0,0,0,0.28);
-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.28);
-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.28);
box-shadow: 0 15px 10px rgba(0,0,0,0.28);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg)
}
.our-mission {
width: 100%;
background-color: #f9f9f9;
padding: 45px 0 0 0;
border-bottom: 1px solid #d1d1d1;
height: 460px
}
.our-mission .bx-wrapper {
width: 100%;
margin: 0
}
.timeline-slider {
margin: 0
}
.text-outer {
width: 100%;
margin: 50px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 65px
}
.outer-text {
margin: 0 auto;
width: 100%;
position: relative
}
.text-outer .frame {
float: left;
width: 228px;
height: 228px;
border: 5px solid #fff;
border-radius: 100%;
background-color: #c4c4c4;
margin: 35px 45px 0 0;
box-shadow: 0 0 6px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.15);
overflow: hidden;
position: relative
}
.outer-text:before {
content: '';
background: url(../image/shadow-bg.png) no-repeat center bottom;
position: absolute;
left: -45px;
bottom: -83px;
width: 316px;
height: 33px
}
.text-outer .frame img {
display: block;
width: 100%;
border-radius: 100%
}
.timeline-text {
overflow: hidden;
padding: 65px 0 0 0
}
.timeline-text h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
margin: 0 0 17px 0
}
.timeline-text strong.title {
display: block;
color: #242424;
font-family: 'museo100';
font-weight: 100;
font-size: 24px;
line-height: 24px;
padding: 0 0 15px 0
}
.timeline-text p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 24px;
color: #282828;
font-weight: 300;
margin: 0
}
.timeline-text a.btn-listen {
border: 2px solid rgba(0,0,0,0.3);
float: right;
padding: 15px 30px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin: 30px 0 0 0
}
.timeline-text a.btn-listen:hover {
background-color: rgba(0,0,0,0)
}
.timeline-text a.btn-listen .fa {
padding: 0 15px 0 0;
font-size: 16px
}
.our-mission #bx-pager-2 {
border: 1px solid #dfdfdf;
width: 100%;
height: 9px;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.our-mission #bx-pager-2>a {
float: left;
margin: -42px 0 0 0;
text-decoration: none;
outline: 0
}
.our-mission #bx-pager-2>a strong.year {
font-family: 'museo500';
font-weight: 500;
display: block;
color: #7e7e7e;
font-size: 16px;
line-height: 16px;
padding: 0 0 20px 0;
text-align: center;
position: relative
}
.timeline-box {
float: left;
width: 19px;
height: 19px;
border: 1px solid #dfdfdf;
border-radius: 100%;
margin: 0 30px;
position: relative
}
.our-mission #bx-pager-2>a strong.year:before {
content: '';
border-left: 2px solid #d0d0d0;
position: absolute;
bottom: 0;
left: 2px;
right: 0;
margin: auto;
width: 2px;
height: 3px
}
.our-mission #bx-pager-2>a strong.year:after {
content: '';
border-left: 2px solid #d0d0d0;
position: absolute;
bottom: -24px;
left: 2px;
right: 0;
margin: auto;
width: 2px;
height: 3px
}
.timeline-box span {
width: 10px;
height: 10px;
margin: 4px;
background-color: #d9d9d9;
float: left;
border-radius: 100%
}
.our-mission .bx-wrapper .bx-next {
background: 0;
right: -48px
}
.our-mission .bx-wrapper .bx-next:before {
color: #bfbebe;
content: "";
display: block;
font-family: FontAwesome;
font-size: 40px;
line-height: normal;
text-align: center;
text-decoration: none
}
.our-mission .bx-wrapper .bx-prev {
background: 0;
left: -50px
}
.our-mission .bx-wrapper .bx-next:hover {
background-position: 0 0
}
.our-mission .bx-wrapper .bx-controls-direction a {
top: 50px;
font-size: 0;
text-indent: inherit;
text-decoration: none;
width: 36px;
height: 36px
}
.our-mission .bx-wrapper .bx-prev:before {
color: #bfbebe;
content: "";
display: block;
font-family: FontAwesome;
font-size: 40px;
line-height: normal;
text-align: center;
text-decoration: none
}
.recent-news-post {
width: 100%;
margin: 0 0 44px 0
}
.images-section {
float: left;
}
.da-thumbs {
list-style: none;
width: 100%;
position: relative;
padding: 0;
margin: 0
}
.da-thumbs li {
float: left;
margin: 0;
padding: 0!important;
position: relative
}
.da-thumbs li a, .da-thumbs li a img {
display: block;
position: relative;
width: 100%
}
.da-thumbs li a {
overflow: hidden;
text-decoration: none
}
.da-thumbs li a .frame {
position: absolute;
width: 100%;
height: 100%
}
.da-thumbs li a .frame .caption {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.da-thumbs li a .frame .caption:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .78
}
.caption-inner {
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 60px auto;
width: 201px
}
.da-thumbs li a .frame .caption strong.title {
font-family: 'museo700';
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #fff;
text-align: center;
display: block;
margin: 0
}
.da-thumbs li a .frame .caption strong.title:before {
border: 1px solid #fff;
bottom: -4px;
content: "";
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 107px
}
.da-thumbs li a .frame .caption strong.title:after {
content: '';
display: none
}
.da-thumbs li a .caption-inner p {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #fff;
text-align: center;
margin: 0
}
.da-thumbs-2 {
list-style: none;
width: 100%;
position: relative;
padding: 0;
margin: 0
}
.da-thumbs-2 li {
float: left;
margin: 0;
padding: 0!important;
position: relative;
width: 33.33%;
overflow: hidden
}
@media (max-width: 991px) {
.da-thumbs-2 li {
width: 50%;
}
}
.da-thumbs-2 li a, .da-thumbs li a img {
display: block;
position: relative;
width: 100%
}
.da-thumbs-2 li a {
overflow: hidden;
text-decoration: none
}
.da-thumbs-2 li .frame {
position: absolute;
width: 100%;
height: 100%
}
.da-thumbs-2 li .frame .caption {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.da-thumbs-2 li .frame .caption:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .78
}
.caption-inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 160px;
height: 50px
}
.caption-inner a {
width: 50px!important;
height: 50px;
background-color: rgba(0,0,0,0.5);
text-decoration: none;
text-align: center;
font-size: 30px;
line-height: 50px;
color: #fff;
margin: 0 auto;
}
.caption-inner a:hover {
color: #fff;
text-decoration: none
}
ul.da-thumbs li {
float: left;
position: relative;
overflow: hidden;
width: 16.6666667%;
width: -webkit-calc(100% / 5);
width: -moz-calc(100% / 5);
width: 20%
}
.slider-row #bx-pager-cp {
width: 100%;
float: right
}
.slider-row {
width: 100%
}
.slider-row .bx-wrapper {
width: 100%;
margin: 0
}
.slider-row .left-box {
width: 100%;
position: relative
}
.slider-row .left-box .caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.8);
padding: 15px 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 9
}
.slider-row .left-box .caption .left {
float: left
}
.slider-row .left-box .caption .left strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
display: block;
padding: 0 0 5px 0
}
.slider-row .left-box .caption .left strong.mnt {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #7a7880;
display: block
}
.slider-row .left-box .caption .right {
float: right;
padding: 5px 0 0 0
}
.slider-row .left-box .caption .right a.eye .fa {
color: #fff;
font-size: 20px;
border-right: 1px solid #7c7d7f;
float: left;
padding: 0 10px 0 0;
margin: 0 16px 0 0;
line-height: 30px
}
.slider-row .left-box .caption .right a.search .fa {
color: #fff;
font-size: 20px;
float: left;
line-height: 30px
}
.recent-slider>li:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(../image/pattren-bg-2.png) repeat;
z-index: 9
}
#bx-pager-cp>a.active .right-box {
background-color: #000;
display: block
}
#recent-news-post-slider>li {
position: relative;
padding: 0
}
.slider-row .left-box img {
width: 100%;
display: block
}
.slider-row .left-box img:hover {
opacity: .8
}
.slider-row .left-box .bx-wrapper {
margin: 0;
width: 100%
}
.slider-row .left-box .bx-viewport>ul {
margin: 0
}
.slider-row .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-decoration: none;
text-indent: inherit;
top: 20px
}
.slider-row .bx-wrapper .bx-prev {
border: 1px solid #524700;
background: 0;
width: 61px;
height: 61px;
border-radius: 100%;
margin: 0
}
.slider-row .bx-wrapper .bx-prev:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.slider-row .bx-wrapper .bx-next {
border: 1px solid #524700;
background: 0;
width: 61px;
height: 61px;
border-radius: 100%;
margin: 0;
right: inherit;
left: 86px
}
.slider-row .bx-wrapper .bx-next:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.slider-row .right-box {
max-width: 100%;
width: 100%;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.slider-row .right-box ul {
padding: 0;
overflow: hidden;
margin: 0 0 20px 0;
list-style: none
}
.slider-row .right-box ul li {
padding: 15px 0;
border-bottom: 1px solid rgba(204,204,204,0.5);
width: 100%
}
.slider-row .right-box strong.date {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
float: left
}
.slider-row .right-box span.like {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 10px;
color: #99a3b1;
font-style: italic;
float: right;
text-decoration: none;
margin: 0 18px 7px 0
}
.slider-row .right-box span.like .fa {
padding: 0 4px 0 0;
font-size: 12px
}
.slider-row .right-box span.comment {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 10px;
color: #99a3b1;
font-style: italic;
float: right;
text-decoration: none
}
.slider-row .right-box span.comment .fa {
padding: 0 4px 0 0;
font-size: 12px
}
.slider-row .right-box p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #ccc;
line-height: 18px;
margin: 0;
clear: both
}
.slider-row .right-box p a.more {
text-decoration: none
}
.right-text-2 a.view {
float: left;
padding: 10px 14px;
margin: 20px 0 0 15px;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
background-image: url(../image/btn-pattren-bg.png);
background-repeat: repeat;
background-position: left top;
border: 2px solid rgba(0,0,0,0)
}
.right-text-2 a.view:hover {
background-color: rgba(0,0,0,0);
border: 2px solid
}
.right-text-2 {
float: right;
width: 100%;
background: url(../image/pattren-bg-3.gif) repeat;
padding: 9px 0 17px 0
}
.right-text-2 h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 0 10px 15px
}
.responsive-section {
width: 100%;
margin: 0 0 46px 0
}
.responsive-section-inner {
width: 100%;
border: 1px solid;
background-color: #fff;
padding: 40px 32px 40px 22px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.responsive-section-inner .left-box {
float: left;
max-width: 688px
}
.responsive-section-inner .left-box h3 {
font-family: 'museo100';
font-weight: 100;
font-size: 36px;
line-height: 36px;
color: #333;
margin: 0 0 8px 0
}
.responsive-section-inner .left-box strong.title {
font-family: 'museo300';
font-weight: 300;
font-size: 18px;
line-height: 18px;
color: #666;
display: block;
padding: 0 0 8px 0
}
.responsive-section-inner .left-box p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 18px;
font-weight: 400;
color: #999;
margin: 0
}
.responsive-section-inner .right-box {
float: right
}
.responsive-section-inner .right-box ul {
padding: 0;
margin: 0;
list-style: none
}
.responsive-section-inner .right-box ul li {
float: left;
padding: 0 10px 0 0
}
.responsive-section-inner .right-box ul li a {
display: block;
text-decoration: none;
width: 111px;
height: 111px;
text-align: center;
line-height: 111px;
font-size: 70px;
background-color: #efefef;
color: #fff
}
.responsive-section-inner .right-box ul li a:hover {
box-shadow: 0 0 3px rgba(0,0,0,0.4)
}
.event-row {
margin: 0 0 59px 0
}
.event-top-row {
float: left;
width: 100%
}
.our-event {
margin: 17px 0 0 0
}
.our-event h4 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #000;
margin: 0 0 18px 0;
float: left
}
.our-event a.view-all {
font-family: 'museo300';
font-weight: 300;
font-size: 14px;
line-height: 14px;
float: right;
text-decoration: none;
padding: 5px 0 0 0
}
.our-event-accordion .accordion {
margin-bottom: 0
}
.our-event-accordion .accordion-group {
border: 0;
border-radius: 0;
margin-bottom: 2px
}
.our-event-accordion .accordion-heading .accordion-toggle {
display: block;
padding: 0 0 0 17px;
background-color: #fff;
text-decoration: none;
overflow: hidden;
outline: 0
}
.accordion-heading.active .fa-plus:before {
content: ""!important
}
.our-event-accordion .accordion-heading .accordion-toggle strong.date {
font-family: 'museo100';
font-weight: 100;
font-size: 20px;
line-height: 20px;
color: #979797;
float: left;
padding: 18px 23px 0 0
}
.text-col {
float: left
}
.text-col strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 20px;
display: block;
padding: 13px 0 0 0;
color: #333
}
.text-col strong.location {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
color: #404040;
margin: 0 6px 0 0
}
.text-col strong.location .fa {
color: #404040;
font-size: 14px;
padding: 0 4px 0 0
}
.text-col strong.time {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
color: #404040;
margin: 0 6px 0 0
}
.text-col strong.time .fa {
color: #404040;
font-size: 14px;
padding: 0 4px 0 0
}
span.close-panel {
float: right;
width: 36px;
height: 65px;
background-color: #333
}
span.close-panel .fa {
text-align: center;
display: block;
color: #fff;
font-size: 15px;
line-height: 62px
}
.accordion-text-box {
background-color: #ebebeb;
padding: 12px 30px 14px 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.accordion-text-box .accordion-inner {
border-top: 0;
padding: 0
}
.accordion-text-box .frame {
margin: 0;
}
.accordion-text-box .frame img {
width: 100%
}
.accordion-text-box .text-box {
overflow: hidden;
float: left
}
.accordion-text-box .frame:hover img {
opacity: .8
}
.accordion-text-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #666;
margin: 0
}
.accordion-text-box .text-box a.readmore {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: 400;
text-decoration: none;
display: block
}
.next-event {
margin: 17px 0 0 0;
border-bottom: 7px solid
}
.next-event h4 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #000;
margin: 0 0 18px 0;
float: left
}
.next-event .frame {
position: relative;
overflow: hidden
}
.next-event .frame img {
display: block;
width: 100%
}
.next-event .caption {
position: absolute;
left: 0;
top: -100%;
width: 100%;
height: 100%
}
.next-event .caption-2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 15px 12px;
background-color: rgba(0,0,0,0.46);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.next-event .caption-2 strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #fff
}
.next-event .caption-3 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 12px;
background-color: rgba(0,0,0,0.46);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.next-event .caption-3 strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff
}
.next-event:hover .caption {
top: 0
}
.next-event .caption:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .6
}
.next-event .caption a {
text-decoration: none;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 20px;
height: 20px
}
.next-event .caption a .fa {
text-align: center;
display: block;
color: #fff;
font-size: 20px
}
.next-event .frame a.plus {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.time-box {
background-color: #141414;
height: 66px;
padding: 0 0 0 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.time-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
line-height: 66px;
color: #fff;
text-transform: uppercase;
float: left;
padding: 0 8px 0 0;
display: none
}
.is-countdown {
float: left
}
.countdown-rtl {
direction: rtl
}
.countdown-row {
clear: both;
width: 100%;
padding: 0;
text-align: center;
height: 100%
}
.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;
position: relative
}
.countdown-section:before {
content: '';
border-left: 1px solid #1d1d1d;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.countdown-amount {
font-size: 200%;
color: #999;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 900;
text-align: center;
display: block;
width: 84px;
padding: 17px 0 0 0
}
.countdown-period {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
text-align: center;
color: #666;
font-weight: 300;
text-transform: uppercase;
margin: 0;
padding: 0 0 9px 0
}
.countdown-descr {
display: block;
width: 100%
}
a.plus {
float: right;
height: 66px;
width: 31px;
text-decoration: none
}
a.plus:hover {
text-decoration: none
}
a.plus .fa {
text-align: center;
display: block;
font-size: 16px;
line-height: 64px;
color: #fff
}
.chirty-store {
background-color: #fff;
padding-bottom: 60px;
border-bottom: 7px solid #f2f2f2
}
.chirty-box {
margin-bottom: 30px;
}
.chirty-box .frame {
margin: 0 auto 13px;
width: 100%;
height: 100%;
border: 5px solid #fff;
border-radius: 100%;
background-color: #f2f2f2;
box-shadow: 0 0 6px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.15);
overflow: hidden;
position: relative
}
.chirty-box .frame strong.title {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
display: block;
height: 16px
}
.chirty-box .frame:hover {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity: .4;
box-shadow: 0 0 12px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.8)
}
.chirty-box .frame img {
display: block;
width: 100%;
height: 100%;
border-radius: 100%
}
.chirty-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #000;
text-align: center;
margin: 0 0 12px 0
}
.amount-row {
padding: 2px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.amount-row strong.price {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
float: left;
font-weight: 400;
line-height: 20px
}
.amount-row a.cart {
float: right;
font-size: 20px;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0,0,0,0.75)
}
.amount-row:hover a.cart {
color: #fff
}
.latest-blog {
background-color: #161616;
padding: 26px 20px 4px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.latest-blog h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 19px;
line-height: 25px;
color: #fff;
margin: 0 0 20px 0
}
.latest-blog-box {
margin: 0 0 30px 0
}
#latest-blog-slider>li {
overflow: hidden
}
.latest-blog-box .frame {
margin: 0 0 13px 0;
overflow: hidden
}
.latest-blog-box .frame img {
width: 100%;
display: block;
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.latest-blog-box:hover .frame img {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1)
}
.blog-round {
float: left;
width: 70px;
height: 70px;
border-radius: 100%;
border: 4px solid #222;
overflow: hidden;
margin: -57px 0 10px 22px;
position: relative;
z-index: 9
}
.latest-blog-box:hover .blog-round {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
.blog-round img {
width: 100%;
display: block;
border-radius: 100%
}
.latest-blog-box a.name {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
line-height: 11px;
font-weight: 400;
float: right;
text-decoration: none;
padding: 0
}
.latest-blog-box a.mnt {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 12px;
font-weight: 400;
float: left;
color: #999;
text-decoration: none
}
.latest-blog-box a.mnt .fa {
padding: 0 0 0 5px
}
.latest-blog-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
display: block;
clear: both;
padding: 0 0 12px 0
}
.latest-blog-box p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: #f5f5f5;
margin: 0
}
.latest-blog-box p a.more {
text-decoration: none
}
.latest-blog .bx-wrapper {
margin: 0;
}
.latest-blog .bx-viewport>ul {
margin: 0
}
.latest-blog .bx-wrapper .bx-next {
margin: 0;
right: 0;
width: 36px;
height: 36px;
background: url(../image/right-arrow-bg.png) no-repeat left top
}
.latest-blog .bx-wrapper .bx-controls-direction a {
top: -51px;
z-index: 99999
}
.latest-blog .bx-wrapper .bx-prev {
background: url(../image/left-arrow-bg.png) no-repeat left top;
width: 36px;
height: 36px;
margin: 0;
left: inherit;
right: 27px
}
.latest-blog .bx-wrapper .bx-next:hover {
background-position: 0 0
}
.our-process {
background-image: url(../image/our-process-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
height: auto;
position: relative;
padding: 34px 0 0 0
}
.our-process:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../image/our-process-pattren-bg.png);
background-repeat: repeat;
background-position: left top
}
.our-process ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
float: left
}
.our-process ul li {
float: left;
padding: 0 0 0 44px;
margin: 0 0 70px 0
}
.our-process ul li:hover .process-box {
border: 5px solid
}
.our-process ul li:first-child {
padding: 0 0 0 44px
}
.process-outer {
float: left;
width: 158px;
height: 158px
}
.process-box {
float: left;
width: 100%;
height: 100%;
border: 5px solid #fff;
border-radius: 100%;
margin: 0 0 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.process-box .fa {
display: block;
text-align: center;
font-size: 65px;
color: #fff;
line-height: 150px
}
.process-outer a.title {
font-family: 'museo500';
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #fff;
text-align: center;
display: block;
text-decoration: none
}
.sponsor-village {
background-color: #fff;
padding: 50px 0
}
.sponsor-box .frame {
background-color: #fff;
border: 1px solid #dedede;
border-radius: 3px;
padding: 9px 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 1px rgba(0,0,0,0.3);
margin: 0 0 35px 0;
position: relative
}
.sponsor-box .frame img {
display: block;
width: 100%;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1)
}
.sponsor-box:hover .frame img {
transform: scale(0.9);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9)
}
.sponsor-box:hover a.support {
text-shadow: 0 0 3px rgba(0,0,0,0.3)
}
.sponsor-box .round {
width: 46px;
height: 46px;
border-radius: 100%;
border: 3px solid #fff;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -26px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5)
}
.sponsor-box .round span {
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 46px;
display: block;
text-indent: 4px
}
.sponsor-box .text-box strong.title {
font-family: 'museo500';
font-weight: 500;
display: block;
text-align: center;
font-size: 16px;
line-height: 16px;
color: #343434;
padding: 0 0 8px 0
}
.sponsor-box .text-box em {
display: block;
text-align: center;
font-size: 12px;
line-height: 12px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 0 0 10px 0
}
.sponsor-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 18px;
color: #808080;
text-align: center;
margin: 0 0 10px 0
}
.sponsor-box .text-box a.support {
text-align: center;
display: block;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #343434
}
.featured-video-box {
padding: 50px 0 40px 0;
background-image: url(../image/video-section-bg.png);
background-repeat: repeat;
background-size: 100%;
background-position: center top;
height: 566px;
background-color: #000
}
.featured-video-box .generic-heading h2 {
color: #fff
}
.featured-video-box .generic-heading strong.title-line {
color: #fff
}
.featured-video-text h3 {
font-family: 'museo100';
font-weight: 100;
font-size: 36px;
line-height: 36px;
color: #fff;
margin: 0 0 15px 0
}
.featured-video-text strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
display: block;
padding: 0 0 20px 0
}
.featured-video-text ul {
padding: 0;
margin: 0;
list-style: none;
float: left
}
.featured-video-text ul li {
float: left;
padding: 0 0 14px 0
}
.featured-video-text ul li:hover .frame {
box-shadow: 0 0 7px rgba(0,0,0,0.7)
}
.featured-video-text ul li:hover a.readmore {
text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.featured-video-text .frame {
float: left;
width: 96px
}
.featured-video-text .text-box {
float: left;
width: 373px;
padding: 8px 0 0 0
}
.number-round {
width: 29px;
height: 29px;
float: left;
background-color: #161616;
border: 5px solid;
border-radius: 100%;
font-family: 'museo500';
font-weight: 500;
color: #fff;
font-size: 14px;
line-height: 29px;
text-align: center;
margin: 10px 4px 0 -13px
}
.featured-video-text .text-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #f6ffd9;
padding: 0 0 8px 0;
display: inherit;
float: left
}
.featured-video-text .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 14px;
color: #fff;
margin: 0 0 10px 0
}
.featured-video-text .text-box a.readmore {
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #fff;
text-decoration: none;
margin: 0 0 0 31px
}
.home-testimonials {
padding: 40px 0
}
.testimonials-box {
float: left;
width: 100%;
background-color: #fff;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.testimonials-text {
padding: 20px 0 0 0;
max-width: 100%;
}
.testimonials-text .fa-quote-right {
float: right;
font-size: 150px;
line-height: 100px;
padding: 25px 0 0 0;
color: #ededed
}
.testimonials-text p {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #353535;
margin: 20px 0 14px 0
}
.tags {
padding: 0;
margin: 0;
list-style: none;
float: left
}
.tags li {
float: left;
padding: 0 2px 0 0
}
.tags li a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-decoration: none
}
.testimonials-frame {
float: left;
width: 233px
}
.client-box {
float: right;
padding: 42px 0 42px 28px;
background-color: #000;
width: 211px
}
.client-box h4 {
font-family: 'museo100';
font-weight: 100;
font-size: 24px;
line-height: 24px;
margin: 0 0 10px 0
}
.client-box strong.title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 600;
color: #fff;
display: block;
padding: 0 0 12px 0
}
.client-box a.view {
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
line-height: 14px;
float: left;
text-decoration: none
}
.home-testimonials .bx-wrapper {
margin: 0
}
.home-testimonials .bx-viewport>ul {
margin: 0
}
.home-testimonials .bx-wrapper .bx-controls-direction a {
display: none
}
.home-testimonials .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
padding: 0;
bottom: 0;
top: 20px;
z-index: 99;
left: 10px
}
.home-testimonials .bx-wrapper .bx-pager.bx-default-pager a {
border-radius: 0;
background: #111;
margin: 0 3px 0 0
}
.home-testimonials .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inherit;
float: left
}
#footer {
background-color: #2d2d2d;
border-top: 6px solid
}
#footer .send {
display: inline-block;
width: 330px;
padding: 15px 10px;
margin: 5px;
text-align: center;
background: gray;
color: #FFF;
font-size: 18px;
font-weight: 300px
}
.footer-top-section {
background-color: #1f1f1f;
background-image: url(../image/footer-parrten-bg.png);
background-repeat: repeat;
background-position: 0 0
}
.footer-top-section .left {
padding: 36px 0 0 0
}
.footer-top-section .left .fa-envelope {
float: left;
font-size: 40px;
color: #fff;
line-height: 30px;
padding: 0 18px 0 0
}
.footer-top-section .left strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
padding: 0 0 6px 0
}
.footer-top-section .left p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 14px;
color: #fff;
font-weight: 400;
margin: 0 0 0 58px
}
.footer-top-section .right {
margin: 32px 0 0 0
}
.subscribe-form {
position: relative
}
.subscribe-input {
border: 1px solid rgba(255,255,255,0.7);
width: 100%!important;
height: 39px!important;
margin: 0;
padding: 0 10px!important;
color: #fff!important;
border-radius: 0!important;
background: rgba(255,255,255,0.3)!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.btn-signup {
position: absolute;
right: 0;
top: 0;
height: 38px;
padding: 0 12px;
border: 0;
margin: 0;
font-family: 'museo100';
font-weight: 100;
font-size: 18px;
line-height: 18px;
color: #fff;
border: 2px solid rgba(0,0,0,0)
}
.btn-signup:hover {
background-color: rgba(0,0,0,0);
border: 2px solid;
color: #fff
}
.footer-section-2 {
padding: 30px 0
}
.latest-twitter-box h4 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 0 13px 0;
text-transform: capitalize
}
.twitter-updates {
background-repeat: repeat;
padding: 0 13px 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.twitter-text {
margin: 25px 0 0 0
}
.twitter-text:first-child {
margin: 0
}
.twitter-updates p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 20px;
font-size: 12px;
color: #898989;
margin: 0
}
.twitter-updates p a {
text-decoration: none
}
.twitter-updates a.link {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 20px;
font-size: 12px;
text-decoration: none;
display: block
}
.twitter-updates strong.time {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 20px;
font-size: 12px;
text-decoration: none;
color: #898989;
display: block
}
.twitter-updates .bx-wrapper {
margin: 0
}
.twitter-updates .bx-viewport>ul {
margin: 0
}
.twitter-updates .bx-wrapper .bx-pager {
padding: 0;
display: none
}
.twitter-updates .bx-wrapper .bx-controls-direction a {
display: none
}
.latest-event-gallery h4 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 0 13px 0
}
.gallery-box ul {
margin: 0 0 0 -8px;
padding: 0;
list-style: none;
overflow: hidden
}
.gallery-box ul li {
float: left;
padding: 0;
margin: 0 0 4px 7px
}
.gallery li:hover img {
opacity: .8
}
#container {
position: relative;
width: 100%;
float: left
}
.grid {
padding: 0;
margin: 0;
float: left;
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease;
position: relative;
overflow: hidden
}
.grid .imgholder img {
width: 100%;
display: block
}
.cp-gallery img {
width: 100%
}
.cp-gallery figure {
float: left;
overflow: hidden;
margin: 0
}
.isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity
}
.get-touch-form h4 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 0 13px 0
}
.get-touch-form ul {
padding: 0;
margin: 0;
list-style: none;
}
.get-touch-form ul li {
padding: 0 0 8px 0;
line-height: normal
}
.get-touch-input {
border: 1px solid rgba(255,255,255,0.76)!important;
background-color: rgba(247,247,247,0.30)!important;
height: 25px!important;
padding: 0 6px!important;
margin: 0!important;
border-radius: 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
font-size: 11px!important;
font-weight: 400;
color: #fff!important
}
.get-touch-textarea {
border: 1px solid rgba(255,255,255,0.76)!important;
background-color: rgba(247,247,247,0.30)!important;
height: 111px!important;
padding: 0 6px!important;
margin: 0!important;
border-radius: 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
font-size: 11px!important;
font-weight: 400;
color: #fff!important
}
.btn-send-message {
float: left;
padding: 2px 8px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 600;
color: #fff;
border: 0;
margin: 0;
border: 2px solid rgba(0,0,0,0)
}
.btn-send-message:hover {
border: 2px solid;
background-color: rgba(0,0,0,0)
}
.footer-section-3 {
padding: 30px 0 10px 0
}
.newsletter-box .frame img {
width: 100%;
display: block
}
.newsletter-box .bx-wrapper {
float: left;
width: 100%;
margin: 0
}
.newsletter-box .bx-viewport>ul {
margin: 0
}
.newsletter-box .bx-wrapper .bx-controls-direction a {
display: none
}
.newsletter-box .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
padding: 0;
margin: 0;
bottom: 14px;
z-index: 99
}
.newsletter-box .bx-wrapper .bx-pager.bx-default-pager a {
background: rgba(255,255,255,0.5);
margin: 0 10px 0 0
}
.newsletter-box .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff
}
.newsletter-box .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
float: right;
display: inherit
}
.newsletter-text-box {
background-color: #262626;
padding: 7px 10px 0 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.newsletter-text-box strong.title {
font-family: 'museo300';
font-weight: 300;
font-size: 18px;
line-height: 18px;
display: block;
padding: 0 0 10px 0
}
.newsletter-text-box p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 12px;
margin: 0 0 12px 0
}
.detail-row {
float: left;
padding: 0;
margin: 0;
list-style: none
}
.detail-row li {
float: left;
padding: 0 12px 0 0
}
.detail-row li a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 12px;
font-weight: 400;
text-decoration: none
}
.newsletter-text-box a.more {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 19px;
font-weight: 400;
text-decoration: none;
float: right;
padding: 0 0 6px 0
}
.newsletter-text-box a.more .fa {
padding: 0 3px 0 16px
}
.subscribe-newsletter {
background-color: #202020;
background-image: url(../image/twitter-update-pattre.png);
background-repeat: repeat;
background-position: 0 0;
height: 48px
}
.subscribe-newsletter .btn-subscribe {
float: left;
padding: 8px 12px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 15px;
color: #fff;
font-weight: 400;
margin: 9px 13px 0 0;
border: 2px solid rgba(0,0,0,0)
}
.subscribe-newsletter .btn-subscribe:hover {
background-color: rgba(0,0,0,0);
border: 2px solid
}
.subscribe-newsletter ul {
padding: 0;
margin: 0;
list-style: none
}
.subscribe-newsletter ul li {
float: left;
padding: 0 14px
}
.subscribe-newsletter ul li a {
text-decoration: none
}
.subscribe-newsletter ul li a .fa {
font-size: 18px;
display: block;
text-align: center;
color: #fff;
line-height: 48px
}
.contact-box {
margin: 0
}
.contact-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
margin: 0 0 20px 0;
display: block
}
.contact-box p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 24px;
color: #0c81c6;
font-weight: 400;
margin: 0 0 10px 0
}
.contact-box strong.number {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: 600;
font-style: italic;
display: block;
padding: 0 0 20px 0;
color: #fff
}
.contact-box strong.number span {
font-size: 13px;
font-style: normal;
font-weight: 400;
padding: 0 20px 0 0;
float: left
}
.contact-box a.email {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 20px;
font-weight: 600;
font-style: italic;
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 20px 0
}
.contact-box a.email span {
font-size: 13px;
font-style: normal;
font-weight: 400;
padding: 0 20px 0 0;
float: left
}
.footer-map {
border: 5px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.footer-map img {
width: 100%;
display: block
}
#map_contact_5 {
height: 230px;
width: 100%
}
.copyrights-section {
background-color: #000;
padding: 12px 0
}
.copyrights-section strong.copy {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #898989;
line-height: 30px;
font-weight: 400;
float: right
}
.copyrights-section strong.copy a.web {
text-decoration: none
}
.footer-social {
float: left;
padding: 0;
margin: 0;
list-style: none
}
.footer-social li {
float: left;
padding: 0 10px 0 0
}
.footer-social a {
text-decoration: none;
color: #fff;
font-size: 20px;
line-height: 30px
}
.footer-social a:hover {
color: #fff
}
.inner-banner {
position: relative;
border-bottom: 5px solid #222;
}
.inner-banner:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../image/pattren-bg.png) repeat
}
.inner-banner img {
width: 100%;
display: block
}
.blog-page {
margin: 0 0 50px 0
}
.blog-box {
background-color: #fff;
margin: 0 0 50px 0
}
.blog-box .frame {
border: 2px solid #fff;
border-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.blog-box .frame:hover img {
transform: scale(1)
}
.blog-box .frame img {
display: block;
width: 100%;
transform: scale(1.1)
}
.blog-box .text-box {
background-color: #fff;
padding: 16px 0 0 0
}
.blog-box .text-box .round {
width: 79px;
height: 79px;
border-radius: 100%;
border: 4px solid #222;
float: left;
margin: -60px 18px 12px 18px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4);
position: relative;
z-index: 9;
overflow: hidden
}
.blog-box .text-box .round img {
display: block;
width: 100%;
border-radius: 100%
}
.blog-box:hover .round {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
.blog-box .text-box h2 {
margin: 0 27px 0 0;
float: left;
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: fff
}
.blog-box .text-box strong {
float: left
}
.blog-box .text-box strong a {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: 400;
text-decoration: none;
margin: 0 11px 0 0;
float: left
}
.blog-box .text-box strong a.mnt {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 18px;
color: #999;
font-weight: 400;
text-decoration: none;
float: left
}
.blog-box .text-box strong a.mnt .fa {
font-size: 11px;
line-height: 17px;
padding: 0 0 0 6px;
float: right
}
.blog-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 22px;
color: #8a8e91;
font-weight: 400;
clear: both;
margin: 0 38px 18px 12px
}
.blog-box .text-box a.pic {
float: left;
width: 43px;
height: 43px;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 0 1px 0 0
}
.blog-box .text-box a.pic .fa {
color: #fff;
line-height: 42px;
font-size: 25px
}
.blog-box .text-box a.date {
float: left;
width: 43px;
height: 43px;
background-color: #313131;
font-family: 'museo700';
font-weight: 700;
font-size: 12px;
color: #fff;
text-decoration: none;
text-align: center
}
.blog-box .text-box a.btn-readmore {
background-color: #313131;
padding: 10px 18px;
float: right;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
color: #fff;
border: 2px solid rgba(0,0,0,0)
}
.blog-box .text-box a.btn-readmore:hover {
background-color: rgba(0,0,0,0);
color: #333;
border: 2px solid
}
.blog-box .text-box a.btn-readmore .fa {
padding: 0 6px 0 0
}
.pagination-area {
margin: 0 0 42px 0
}
.pagination-area .pagination {
margin: 0
}
.pagination-area .pagination ul>li {
padding: 0
}
.pagination-area .pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-left-radius: 0
}
.pagination-area .pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.pagination-area .pagination ul>li>a, .pagination ul>li>span {
border: 0;
float: left;
line-height: 20px;
padding: 0;
text-decoration: none;
margin: 0 7px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #7E7777/*999*/;
width: 43px;
height: 43px;
text-align: center;
line-height: 42px
}
.pagination-area .pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
background-color: #5DC37B !important;
color: #fff!important
}
.sidebar-search {
position: relative;
margin: 0 0 32px 0
}
.sidebar-search input[type="text"] {
width: 100%;
height: 49px;
padding: 0 17px;
border: 0;
margin: 0;
border-radius: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-btn-search {
position: absolute;
right: 16px;
top: 16px;
border: 0;
background: 0;
padding: 0;
margin: 0
}
.sidebar-tab {
margin: 0 0 32px 0
}
.sidebar-tab .nav-tabs {
border-bottom: 1px solid #e8e8e8;
margin: 0
}
.sidebar-tab .nav-tabs>li>a {
border: 0;
border-radius: 0;
line-height: normal;
padding-bottom: 10px;
padding-top: 10px
}
.sidebar-tab .nav-tabs>li>a, .nav-pills>li>a {
line-height: normal;
margin-right: 2px;
padding-left: 14px;
padding-right: 14px;
font-family: 'museo100';
font-weight: 100;
font-size: 21px;
background-color: #313131;
outline: 0
}
.sidebar-tab .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
background-color: #fff!important;
border: 0 none!important;
color: #000;
cursor: default
}
.sidebar-tab .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
border-color: #e8e8e8
}
.sidebar-tab .nav>li>a:hover, .nav>li>a:focus {
background-color: #fff;
color: #000
}
.sidebar-tab-content {
background-color: #fff;
border-bottom: 3px solid #e3e4e8;
padding: 28px 18px 21px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-tab-content h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 21px;
line-height: 21px;
margin: 0 0 17px 0
}
.sidebar-tab-content strong.title {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 14px;
display: block;
padding: 0 0 20px 0
}
.sidebar-tab-content p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #414141;
line-height: 24px;
margin: 0 0 15px 0
}
.sidebar-tab-content .frame {
margin: 0 0 13px 0;
overflow: hidden
}
.sidebar-tab-content .frame:hover img {
transform: scale(1)
}
.sidebar-tab-content .frame img {
display: block;
width: 100%;
transform: scale(1.1)
}
.sidebar-tab-content ul {
padding: 0;
margin: 0 0 27px 0;
list-style: none;
}
.sidebar-tab-content ul li {
padding: 19px 0 0 0
}
.sidebar-tab-content .thumb {
float: left;
margin: 0 17px 0 0;
overflow: hidden
}
.sidebar-tab-content .thumb img {
transform: scale(1.2)
}
.sidebar-tab-content .thumb:hover img {
transform: scale(1)
}
.sidebar-tab-content .text-box {
overflow: hidden
}
.sidebar-tab-content .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 20px;
color: #4c4c4c;
margin: 0
}
.sidebar-tab-content .text-box a.mnt {
font-family: 'museo500';
font-weight: 500;
font-size: 12px;
color: #8a8a8a;
text-decoration: none;
margin: 0 20px 0 0
}
.sidebar-tab-content .text-box a.comment {
font-family: 'museo500';
font-weight: 500;
font-size: 12px;
color: #8a8a8a;
text-decoration: none
}
.sidebar-tab-content a.find-more {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
color: #595959;
text-decoration: none;
display: block;
clear: both
}
.sidebar-charity-store {
background-color: #fff;
margin: 0 0 32px 0
}
.sidebar-charity-store .head {
padding: 15px 0 13px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-charity-store h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #444;
margin: 0
}
.charity-box .frame:hover img {
opacity: .8
}
.charity-box .frame img {
display: block;
width: 100%
}
.charity-box .bottom {
padding: 15px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.charity-box .bottom h3 {
font-family: 'museo500';
font-weight: 500;
margin: 0;
color: #fff;
font-size: 18px;
float: left
}
.charity-box .bottom strong.amount {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 16px;
color: #fff;
font-weight: 400;
float: right
}
.sidebar-charity-store .bx-wrapper {
margin: 0
}
.bx-viewport>ul {
margin: 0
}
.sidebar-charity-store .bx-wrapper .bx-next {
background: 0
}
.sidebar-charity-store .bx-wrapper .bx-prev {
background: 0;
left: inherit;
right: 40px
}
.sidebar-charity-store .bx-wrapper .bx-next:before {
color: #bfbebe;
content: "\f105";
display: block;
font-family: FontAwesome;
font-size: 20px;
line-height: normal;
text-align: center;
text-decoration: none
}
.sidebar-charity-store .bx-wrapper .bx-prev:before {
color: #bfbebe;
content: "\f104";
display: block;
font-family: FontAwesome;
font-size: 20px;
line-height: normal;
text-align: center;
text-decoration: none
}
.sidebar-charity-store .bx-wrapper .bx-prev:hover:before {
text-shadow: 0 0 3px rgba(0,0,0,0.3)
}
.sidebar-charity-store .bx-wrapper .bx-next:hover:before {
text-shadow: 0 0 3px rgba(0,0,0,0.3)
}
.sidebar-charity-store .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-indent: inherit;
margin: 0;
text-decoration: none;
top: -35px;
width: auto;
height: auto
}
.sidebar-testimonial {
margin: 0 0 32px 0
}
.sidebar-testimonial .head {
background-color: #fff;
padding: 14px 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-testimonial .head h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
color: #333;
line-height: 18px;
margin: 0
}
.sidebar-testimonial blockquote {
margin: 0;
border: 0;
padding: 0
}
.sidebar-testimonial blockquote q {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: italic;
color: #333;
line-height: 20px;
font-weight: 600;
background-color: #f5ffd7;
margin: 0 0 12px 0;
padding: 13px 54px 23px 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-testimonial blockquote q .fa {
padding: 0 8px 0 0;
font-style: italic;
color: #333
}
.user-detail {
float: right;
width: 70%
}
.user-detail a.user {
text-decoration: none;
color: #fff;
font-size: 20px;
text-align: center;
width: 47px;
height: 47px;
line-height: 47px;
float: right;
background-color: #333;
margin: 0 0 0 7px
}
.user-detail strong.name {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
color: #333;
float: right;
text-transform: uppercase;
padding: 19px 0 0 0
}
.user-detail a.web {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
float: right;
text-decoration: none
}
.sidebar-testimonial .bx-wrapper {
margin: 0
}
.sidebar-testimonial .bx-wrapper .bx-pager {
padding: 0;
display: none
}
.sidebar-testimonial .bx-wrapper .bx-controls-direction a {
display: none
}
.sidebar-event-gallery {
background-color: #fff;
margin: 0 0 32px 0
}
.sidebar-event-gallery .head {
padding: 10px 18px;
background-color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.sidebar-event-gallery .head h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
margin: 0
}
.gallery-box-2 {
padding: 15px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.gallery-box-2 ul {
padding: 0;
margin: 0;
list-style: none
}
.gallery-box-2 ul li {
float: left;
padding: 0;
margin: 0 0 15px 16px
}
.gallery-box-2 ul li:hover img {
opacity: .8
}
.tag-box {
padding: 0 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.tag-box ul {
padding: 0;
margin: 0;
list-style: none
}
.tag-box ul li {
float: left;
padding: 0
}
.tag-box ul li a {
text-decoration: none;
background-color: #333;
padding: 7px 10px;
border-radius: 4px 0 0 4px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff;
line-height: 12px;
font-weight: 400;
position: relative;
display: block;
margin: 0 20px 10px 0
}
.tag-box ul li a:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 12px;
border-color: transparent transparent transparent #333;
position: absolute;
right: -12px;
top: 0
}
.tag-box ul li a:after {
content: '';
position: absolute;
right: -2px;
top: 0;
bottom: 0;
margin: auto;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #fff
}
.tag-box ul li a:hover:before {
border-color: transparent transparent transparent
}
#map_contact_2 {
height: 474px;
width: 100%
}
.contact-twitter {
float: left;
width: 100%;
padding: 60px 0 93px 0;
background-color: #1a1818
}
.contact-twitter .fa {
font-size: 40px;
color: #fff;
text-align: center;
display: block;
margin: 0 0 40px 0
}
.contact-twitter .holder {
max-width: 1052px;
margin: 0 auto;
overflow: hidden
}
.contact-twitter strong {
font-family: 'Open Sans', sans-serif;
font-size: 21px;
color: #e5e5e5;
display: block;
line-height: 36px;
font-weight: 400
}
.contact-twitter strong span {
font-weight: 700;
font-style: italic
}
.contact-twitter .bx-wrapper {
margin: 0
}
.contact-twitter .bx-wrapper .bx-next {
width: 36px;
height: 36px;
border-radius: 100%;
background: #232324;
right: 0
}
.contact-twitter .bx-wrapper .bx-prev {
width: 36px;
height: 36px;
border-radius: 100%;
background: #232324;
left: 0
}
.contact-twitter .bx-wrapper .bx-next:before {
color: #fff;
content: "\f054";
display: block;
font-family: FontAwesome;
font-size: 16px;
line-height: 38px;
text-align: center;
text-decoration: none;
text-indent: 2px
}
.contact-twitter .bx-wrapper .bx-prev:before {
color: #fff;
content: "\f053";
display: block;
font-family: FontAwesome;
font-size: 16px;
line-height: 38px;
text-align: center;
text-decoration: none;
text-indent: 2px
}
.contact-twitter .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-indent: inherit;
margin: 0;
text-decoration: none
}
.contact-detail {
float: left;
width: 100%;
background-color: #fff;
padding: 60px 0;
border-bottom: 7px solid #f2f2f2
}
.contact-form h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 25px;
color: #373535;
line-height: 25px;
margin: 0 0 30px 0
}
.input-box-1 {
float: left;
width: 217px;
margin: 0 0 0 7px
}
.input-box-1:first-child {
margin: 0
}
.contact-form label {
display: block;
font-size: 14px;
line-height: 14px;
color: #373535;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin: 0 0 9px 0
}
.contact-form input[type="text"] {
width: 100%;
border: 1px solid #d6d4d4;
border-radius: 3px;
height: 33px;
padding: 0 10px;
margin: 0 0 14px 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.contact-form .selectArea {
border: 1px solid #d6d4d4;
border-radius: 3px;
height: 32px;
float: left;
font-size: 11px;
line-height: 33px;
position: relative;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #373535
}
.contact-form .selectArea .center {
background: 0;
display: block;
height: 34px;
line-height: 32px;
padding: 0 26px 0 19px
}
.textarea-box {
width: 100%
}
.contact-form textarea {
width: 100%;
border: 1px solid #d6d4d4;
border-radius: 3px;
height: 138px;
padding: 0 10px;
margin: 0 0 15px 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.contact-form input[type="submit"] {
border: 0;
color: #fff;
padding: 7px 20px;
border-bottom: 1px solid rgba(0,0,0,0.3);
float: left
}
.contact-form input[type="submit"]:hover {
border: 1px solid;
background-color: rgba(0,0,0,0)
}
.contact-address {
width: 100%
}
.contact-address strong {
font-family: 'museo500';
font-weight: 500;
font-size: 25px;
color: #373535;
line-height: 25px;
margin: 0 0 25px 0;
display: block
}
.address-box {
width: 100%;
margin: 0 0 28px 0
}
.address-box .fa {
float: left;
width: 69px;
height: 64px;
background-color: #1b1f10;
color: #fff;
text-align: center;
line-height: 64px;
font-size: 30px;
margin: 0 15px 0 0
}
.address-box .text-box {
overflow: hidden;
float: left;
width: 225px
}
.address-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #696969;
line-height: 18px;
font-weight: 400;
margin: 0
}
.social-box {
width: 100%
}
.social-box strong {
font-family: 'museo500';
font-weight: 500;
font-size: 25px;
color: #373535;
line-height: 25px;
margin: 0 0 25px 0;
display: block
}
.social-box ul {
padding: 0;
margin: 0;
list-style: none
}
.social-box ul li {
float: left;
padding: 0 9px 0 0
}
.social-box ul li a {
display: block;
width: 36px;
height: 37px;
background-color: #1b1f10;
border-radius: 3px;
text-decoration: none
}
.social-box ul li a .fa {
color: #fff;
line-height: 36px;
text-align: center;
display: block;
font-size: 20px
}
.blog-detail {
width: 100%
}
.blog-box .text-box blockquote {
margin: 0 0 25px 0;
padding: 0 40px 0 14px;
width: 100%;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.blog-box .text-box blockquote q {
font-family: 'museo700';
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #313131
}
.blog-box .text-box blockquote q .fa-quote-left {
font-size: 10px;
float: left;
padding: 0 5px 0 0
}
.blog-box .text-box blockquote q .fa-quote-right {
font-size: 10px;
float: right;
padding: 0 0 0 5px
}
.comment-box {
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.comment-row-2 {
width: 100%;
padding: 0 0 15px 0
}
.comment-box strong.comment {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #262626;
font-weight: 400;
float: left
}
.comment-box a.add-comment {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
float: right;
text-decoration: none
}
.comments {
width: 100%
}
.comments .text-outer-1 {
width: 100%;
padding: 0 0 10px 0
}
.comments .text-outer-1 strong.title {
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #262626;
font-weight: 400;
font-weight: normal;
padding: 0 120px 0 99px
}
.comments .text-outer-1 strong.title span.small {
color: #a6a6a6;
font-size: 12px;
font-family: 'Open Sans', sans-serif
}
.comments .text-outer-1 a.reply {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
float: left;
text-decoration: underline
}
.comments .text-outer-1 a.reply:hover {
text-decoration: none;
color: #151515
}
.comments .text {
border: 1px solid #ccc;
width: 100%;
box-shadow: 0 2px 4px -3px rgba(0,0,0,0.3);
padding: 19px 20px 22px 21px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 0 36px 0;
background: #fff
}
.comment-frame {
float: left;
border: 1px solid #ccc;
padding: 5px;
margin: 0 19px 0 0
}
.comments .text p {
margin: 0;
font-family: 'Open Sans', sans-serif;
line-height: 23px;
font-size: 13px;
color: #262525;
clear: right
}
.comments .form-btn {
font-size: 13px;
padding: 4px 20px
}
.comments ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.comments ul li {
width: 100%;
position: relative;
margin: 0;
padding: 0 0 20px 0
}
.comments ul li:after {
content: "";
width: 2px;
position: absolute;
left: 35px;
bottom: 0;
top: 60px
}
.comments ul ul {
padding: 0 0 0 42px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0
}
.comment-form {
width: 100%;
margin: 0 0 50px 0
}
.comment-row {
width: 100%;
border-bottom: 1px solid #d9d9d9;
margin: 0 0 15px 0
}
.comment-row h4 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #262626;
font-weight: 600;
float: left
}
.comment-row strong.marked {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
float: right
}
.comment-form input[type="text"] {
width: 280px;
height: 37px;
border-radius: 0;
border: 1px solid #ccc;
display: block;
margin: 0 0 21px 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #3e3e3e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none
}
.comment-form textarea {
border-radius: 0;
width: 100%;
height: 168px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #404241;
display: block;
margin: 0 0 22px 0;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.btn-submit2 {
float: left;
border: 0;
box-shadow: none;
text-shadow: none;
padding: 10px 30px;
margin: -3px 0 0 0;
font-family: 'museo500';
font-size: 16px;
text-decoration: none;
font-weight: 700;
text-align: center;
color: #fff;
border: 2px solid rgba(0,0,0,0)
}
.btn-submit2:hover {
background-color: rgba(0,0,0,0);
border: 2px solid;
color: #333
}
.event-box {
width: 100%
}
.event-box ul {
padding: 0;
margin: 0;
list-style: none
}
.event-box ul li {
float: left;
padding: 0 0 50px 0
}
.event-box .top {
width: 100%;
background-color: #fff
}
.event-box .top .frame {
float: left;
position: relative
}
.event-box .top .frame:hover img {
opacity: .8
}
.event-box .top .frame a {
position: absolute;
left: 0;
top: 0;
width: 44px;
height: 44px;
text-decoration: none
}
.event-box .top .frame a .fa {
display: block;
text-align: center;
font-size: 18px;
line-height: 42px;
color: #fff
}
.event-box .top .text-box {
overflow: hidden;
padding: 35px 0 22px 28px
}
.event-box .top .text-box h2 {
font-family: 'museo700';
font-weight: 700;
font-size: 22px;
color: #393939;
line-height: 22px;
margin: 0 0 8px 0
}
.event-box .top .text-box strong.title {
font-size: 18px;
line-height: 18px;
font-family: 'museo500';
font-weight: 500;
display: block;
padding: 0 0 10px 0
}
.event-box .top .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 20px;
color: #6d6f71;
margin: 0 0 10px 0
}
.event-box .top .text-box a {
text-decoration: none;
border: 1px solid #4b4d4f;
float: left;
padding: 8px 9px;
font-family: 'museo100';
font-weight: 100;
font-size: 14px;
line-height: 14px;
color: #fff;
text-transform: uppercase
}
.event-box .top .text-box a:hover {
border: 1px solid rgba(0,0,0,0)
}
.event-box .top .text-box a .fa {
color: #000;
font-size: 14px;
padding: 0 0 0 8px
}
.event-box .bottom {
width: 100%;
background-color: #3a5a75/*#2d2d2d*/
}
.event-box .bottom .time-area {
float: left;
padding: 30px 16px 27px 9px
}
.event-box .bottom .time-area strong.time {
font-family: 'museo100';
font-weight: 100;
font-size: 18px;
line-height: 18px;
display: block;
padding: 0 0 6px 0
}
.event-box .bottom .time-area strong.date {
font-family: 'museo100';
font-weight: 100;
font-size: 18px;
line-height: 18px;
display: block
}
.event-time-box {
float: left
}
.event-time-box .countdown-section {
display: block;
float: left;
font-size: 75%;
text-align: center;
position: relative;
border-right: 1px solid #4b4b4b
}
.event-time-box .countdown-section:before {
content: '';
border-left: 1px solid #4b4b4b;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.event-time-box .countdown-amount {
font-size: 200%;
color: #fff;
font-family: 'museo100';
font-size: 30px;
font-weight: 100;
text-align: center;
display: block;
width: 95px;
padding: 24px 0 10px 0;
border-bottom: 1px solid #4b4b4b
}
.event-time-box .countdown-period {
display: block;
font-family: 'museo100';
font-size: 16px;
text-align: center;
color: #a6a6a6;
font-weight: 500;
text-transform: uppercase;
margin: 0;
padding: 12px 0 12px 0
}
.event-box .bottom a.btn-register {
float: right;
padding: 12px 29px;
text-decoration: none;
font-family: 'museo100';
font-size: 16px;
font-weight: 100;
line-height: 16px;
color: #000;
text-transform: uppercase;
margin: 30px 34px 0 0;
border: 2px solid rgba(0,0,0,0)
}
.event-box .bottom a.btn-register:hover {
border: 2px solid;
background-color: rgba(0,0,0,0);
color: #fff
}
.text-area {
float: left;
padding: 45px 40px 0 26px
}
.text-area p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 20px;
color: #6d6f71;
margin: 0 0 35px 0
}
.map-box {
width: 100%;
position: relative
}
#map_contact_3 {
height: 305px;
width: 100%;
float: left
}
.map-box .caption {
background-color: rgba(45,45,45,0.9);
padding: 100px 43px 0 49px;
position: absolute;
right: 0;
top: 0;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.map-box .caption a.location {
padding: 17px 12px 22px 15px;
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
color: #000;
text-transform: uppercase;
text-decoration: none
}
.map-box .caption a.location .fa {
display: block;
color: #000;
text-align: center;
font-size: 40px;
padding: 0 0 8px 0
}
.event-detail-form {
width: 100%;
background-color: #fff;
margin: 0;
padding: 24px 181px 0 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.event-detail-form ul {
padding: 0;
margin: 0;
list-style: none
}
.event-detail-form ul li {
padding: 0 0 13px 0;
width: 100%
}
.event-detail-form label {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 13px;
color: #686868;
font-weight: 400;
text-transform: uppercase;
display: block;
margin: 0 0 8px 0
}
.event-detail-form input[type="text"] {
border: 1px solid #dcdcdc;
background-color: #ebeaea;
height: 30px;
min-width: 458px;
padding: 0 10px;
margin: 0;
box-shadow: none;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.event-detail-form textarea {
border: 1px solid #dcdcdc;
background-color: #ebeaea;
height: 117px;
min-width: 569px;
padding: 0 10px;
margin: 0;
box-shadow: none;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.event-btn-send {
float: right;
padding: 5px 14px;
font-family: 'museo300';
font-weight: 300;
font-size: 14px;
line-height: 14px;
color: #fff;
margin: 0;
border: 0;
border: 1px solid rgba(0,0,0,0)
}
.event-btn-send:hover {
border: 1px solid;
background-color: rgba(0,0,0,0)
}
.crowed-funding {
width: 100%
}
.crowed-funding ul {
padding: 0;
list-style: none
}
.crowed-funding ul li {
float: left;
padding: 0 0 40px 0
}
.crowed-funding .box {
width: 100%;
padding: 9px 0 0 0;
background-color: #fff;
border-radius: 4px;
border: 1px solid #e2e2e2;
box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.crowed-funding .box .frame {
width: 100%;
padding: 0 10px;
margin: 0 0 35px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.crowed-funding .box .round {
width: 47px;
height: 47px;
border: 3px solid #fff;
position: absolute;
left: 0;
right: 0;
bottom: -25px;
margin: auto;
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
font-size: 14px;
line-height: 46px;
text-align: center;
font-family: 'museo500';
font-weight: 500;
color: #fff
}
.crowed-funding .box .frame:hover img {
transform: scale(0.9);
opacity: .8
}
.crowed-funding .box .frame img {
display: block;
width: 100%;
transform: scale(1)
}
.crowed-funding .box .text-box {
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.crowed-funding .box .text-box h2 {
font-family: 'museo500';
font-weight: 500;
text-align: center;
font-size: 16px;
color: #343434;
line-height: 16px;
margin: 0 0 14px 0
}
.progress-bar {
width: 100%
}
.progress-bar .progress {
background-color: #d4d9de;
background-image: none;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
height: 8px;
margin-bottom: 10px;
overflow: hidden
}
.crowed-funding .box .text-box strong.amount {
display: block;
text-align: center;
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
padding: 0 0 6px 0
}
.crowed-funding .box .text-box strong.title {
display: block;
text-align: center;
font-size: 14px;
color: #333;
line-height: 14px;
font-family: 'museo500';
font-weight: 500;
padding: 0 0 8px 0
}
.crowed-funding .box .text-box p {
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #808080;
margin: 0 0 8px 0
}
.crowed-funding .box .bottom-row {
width: 100%;
padding: 9px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.crowed-funding .box .bottom-row strong.detail {
font-family: 'museo300';
font-weight: 300;
font-size: 14px;
line-height: 14px;
color: #000;
float: left
}
.crowed-funding .box .bottom-row strong.day {
font-family: 'museo300';
font-weight: 300;
font-size: 14px;
line-height: 14px;
color: #000;
float: right
}
.funding-detail {
width: 100%;
margin: 0 0 50px 0;
}
@media(min-width:768px) {
.funding-detail .frame {
width: 622px;
}
}
@media(max-width:767px) {
.funding-detail .frame {
width: 100%;
}
}
.funding-detail .frame {
margin:0px auto!important;
border: 1px solid #dedede;
padding: 10px;
background-color: #fff;
box-shadow: 0 0 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 0 5px 0
}
.funding-detail .frame a{display:block;}
.funding-detail .frame img {
display: block;
/*width: 100%*/
}
.funding-detail .frame:hover img {
opacity: .8
}
.funding-detail .caption {
position: absolute;
left: 0;
bottom: 10px;
right: 0;
margin: auto;
height: 100px;
width: 98%;
padding: 18px 0 0 27px;
background-color: rgba(0,0,0,0.75);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.funding-detail .caption h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
color: #fff;
margin: 15px 0 0 0;
float: left
}
.funding-detail-progress {
float: right;
padding: 0 27px 0 0;
width: 376px
}
.funding-detail-progress strong.amount {
float: left;
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
padding: 0 40px 15px 0
}
.funding-detail-progress strong.goal {
float: left;
font-family: 'museo500';
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #fff
}
.funding-detail-progress .progress {
background-color: #000;
background-image: none;
border-radius: 10px;
float: left;
height: 14px;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
box-shadow: 0 1px 1px 0 rgba(255,255,255,0.65);
-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.65);
-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.65)
}
.funding-detail .bottom-row {
width: 100%;
text-align:center;
/*margin: 0 0 45px 0*/
margin:20px auto!important;
/*margin-bottom:50px;*/
}
.funding-detail .bottom-row a.btn-detail {
display:inline-block;
padding:5px!important;
width: 183px;
height: 54px;
margin: 0 2px 0 0;
text-decoration: none;
font-family: 'museo300';
font-weight: 300;
font-size: 24px;
line-height: 54px;
text-align: center;
color: #000;
border: 2px solid rgba(0,0,0,0)
}
.funding-detail .bottom-row a.btn-detail:hover {
background-color: rgba(0,0,0,0);
border: 2px solid
}
.funding-detail p {
font-family: 'Open Sans', sans-serif;
line-height: 34px;
font-weight: 400;
font-size: 16px;
color: #1874cd;
margin: 0 0 6px 0
}
.funding-detail strong.text {
display: block;
text-align: center;
font-family: 'museo700';
font-weight: 700;
font-size: 18px;
line-height: 24px;
padding: 0 0 35px 0
}
.funding-detail-map-box {
width: 100%;
padding: 7px;
margin: 50px 0;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
#map_contact_4 {
width: 100%;
height: 250px
}
.funding-detail-map-box .inner {
position: absolute;
right: 7px;
top: 7px;
padding: 20px 28px 20px 28px;
width: 372px;
background-color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.funding-detail-map-box .inner .fa {
font-size: 30px;
line-height: 30px;
text-align: center;
display: block;
color: #fff;
padding: 0 0 25px 0
}
.funding-detail-map-box .inner strong.address {
display: block;
text-align: center;
font-family: 'museo700';
font-weight: 700;
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
color: #fff;
padding: 0 0 35px 0
}
.funding-detail-map-box .inner strong.address a {
text-decoration: none;
color: #fff;
text-decoration: underline
}
.funding-detail-map-box .inner strong.title {
display: block;
text-align: center;
font-family: 'museo700';
font-weight: 700;
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
color: #fff;
padding: 0 0 17px 0
}
.funding-detail-map-box .inner ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
text-align: center
}
.funding-detail-map-box .inner ul li {
display: inline-block;
padding: 0 5px
}
.funding-detail-map-box .inner ul li a {
width: 58px;
height: 58px;
background-color: #fff;
border-radius: 100%;
display: block;
text-decoration: none
}
.funding-detail-map-box .inner ul li a .fa {
text-align: center;
display: block;
color: #474747;
font-size: 20px;
line-height: 56px
}
.funding-detail-map-box .inner ul li a:hover .fa {
color: #fff
}
.donation-rank-box {
width: 100%
}
.donation-rank-box a.btn-donation {
float: left;
width: 189px;
height: 35px;
text-decoration: none;
font-size: 18px;
line-height: 35px;
color: #f5f5f5;
font-family: 'museo700';
font-weight: 700;
text-align: center;
text-shadow: 0 0 1px rgba(0,0,0,0.4);
margin: 0 0 18px 0
}
.donation-rank-box ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%
}
.donation-rank-box ul li {
padding: 0 0 9px 0;
width: 100%
}
.rank-box {
float: left;
border: 1px solid #d7d7d7;
width: 185px;
height: 45px;
background-color: #fff
}
.rank-box strong.rank {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 45px;
color: #444;
display: block;
text-align: center
}
.donate-box-2 {
float: right;
width: 100%;
height: 45px;
border: 1px solid #d7d7d7;
background-color: #fff;
padding: 0 13px 0 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.donate-box-2 strong.title {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 45px;
color: #444;
float: left;
padding: 0;
text-transform: inherit
}
.donate-box-2 a.btn-donate {
float: right;
padding: 7px 12px;
border: 1px solid #f2f2f2;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
color: #fff;
font-size: 14px;
line-height: 14px;
margin: 8px 0 0 0;
border: 1px solid rgba(0,0,0,0)
}
.donate-box-2 a.btn-donate:hover {
background-color: rgba(0,0,0,0);
border: 1px solid
}
.how-we-work {
width: 100%
}
.work-banner {
float: left;
width: 100%;
margin: 0 0 25px 0
}
.work-banner .frame {
width: 100%;
position: relative
}
.work-banner .frame .caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.80);
padding: 15px 19px 8px 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.work-banner .frame .caption .left {
float: left
}
.work-banner .frame .caption .left strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
padding: 0 0 10px 0
}
.work-banner .frame .caption .left strong.date {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
display: block;
color: #7a7880
}
.work-banner .frame .caption .right {
float: right;
padding: 4px 0 0 0
}
.work-banner .frame .caption .right a.zoom {
color: #d2cfd7;
font-size: 20px;
border-right: 1px solid rgba(255,255,255,0.8);
float: left;
padding: 0 19px 0 0;
margin: 0 19px 0 0
}
.work-banner .frame .caption .right a.search {
color: #d2cfd7;
font-size: 20px;
float: left
}
.work-banner .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-decoration: none;
text-indent: inherit;
top: 20px
}
.work-banner .bx-wrapper .bx-prev {
border: 1px solid #524700;
background: 0;
width: 61px;
height: 61px;
border-radius: 100%;
margin: 0
}
.work-banner .bx-wrapper .bx-prev:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.work-banner .bx-wrapper .bx-next {
border: 1px solid #524700;
background: 0;
width: 61px;
height: 61px;
border-radius: 100%;
margin: 0;
right: inherit;
left: 86px
}
.work-banner .bx-wrapper .bx-next:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.work-text-box {
width: 100%;
margin: 0 0 50px 0
}
.work-text-box h2 {
font-family: 'museo700';
font-weight: 700;
font-size: 24px;
line-height: 24px;
margin: 0 0 18px 0
}
.work-text-box p {
font-family: 'museo300';
font-weight: 300;
font-size: 17px;
line-height: 24px;
color: #313131;
margin: 0 0 40px 0
}
.detail-box {
width: 100%
}
.detail-box h3 {
font-family: 'museo700';
font-weight: 700;
font-size: 26px;
line-height: 26px;
color: #000;
margin: 0 0 8px 0
}
.detail-box strong.title {
font-family: 'museo300';
font-weight: 300;
font-size: 22px;
line-height: 22px;
display: block;
padding: 0 0 40px 0
}
.detail-box ul {
padding: 0;
margin: 0;
list-style: none
}
.detail-box ul li {
float: left;
padding: 0 0 15px 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
line-height: 14px
}
.detail-box ul li .fa {
font-size: 14px;
color: #555365;
float: left;
padding: 0 15px 0 0
}
.view-section {
width: 100%;
margin: 0 0 55px 0
}
.view-section ul {
padding: 0;
list-style: none
}
.view-section ul li {
float: left;
padding: 0 0 30px 0
}
.view-section .box-1 {
float: left
}
.view-section .box-1 .frame {
width: 100%
}
.view-section .box-1 .frame img {
display: block;
width: 100%
}
.view-section .box-1 .frame:hover img {
opacity: .8
}
.view-section .box-1 .text-box {
width: 100%;
background-color: #fff;
padding: 21px 15px 17px 21px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.view-section .box-1 .text-box h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
float: left;
margin: 10px 0 0 0
}
.right-text {
float: right
}
.view-section .box-1 .text-box strong.mnt {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #000;
float: right;
padding: 0 13px 10px 0;
text-transform: uppercase
}
.view-section .box-1 .text-box a.admin {
font-family: 'museo500';
font-weight: 500;
font-size: 13px;
line-height: 13px;
float: right;
text-decoration: none;
clear: both;
padding: 0 0 20px 0
}
.view-section .box-1 .text-box p {
font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 14px;
line-height: 28px;
color: #000;
text-align: center;
clear: both;
margin: 0 0 30px 0
}
.view-section .box-1 .text-box a.readmore {
width: 126px;
height: 38px;
margin: 0 auto;
display: block;
border: 1px solid;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 38px;
text-align: center
}
.view-section .box-1 .text-box a.readmore:hover {
border: 1px solid rgba(0,0,0,0);
color: #fff
}
.view-section a.view {
display: block;
font-family: 'museo100';
font-weight: 100;
font-size: 30px;
line-height: 30px;
color: #2e2e2e;
text-align: center;
text-decoration: none;
position: relative
}
.view-section a.view:before {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -15px;
border-bottom: 4px solid;
width: 97px
}
.view-section a.view:after {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: transparent transparent transparent
}
.top-project {
width: 100%;
background-color: #fff;
padding: 70px 0 120px 0
}
.top-project .holder {
max-width: 1080px;
margin: 0 auto;
display: block
}
.top-project .holder strong.text {
display: block;
text-align: center;
font-size: 24px;
line-height: 36px;
color: #606060;
font-family: 'museo500';
font-weight: 500;
margin: 0 0 30px 0
}
.top-project .holder ul {
padding: 0;
margin: 0;
list-style: none;
display: block;
text-align: center
}
.top-project .holder ul li {
display: inline-block;
padding: 0 2px
}
.top-project .holder ul li a {
display: block;
width: 58px;
height: 58px;
border: 1px solid #121212;
border-radius: 100%;
text-decoration: none
}
.top-project .holder ul li a .fa {
font-size: 35px;
text-align: center;
display: block;
line-height: 57px;
color: #000
}
.project-gallery {
width: 100%;
margin: 0 0 60px 0
}
.project-gallery .holder {
width: 100%;
border: 5px solid #fff;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: -85px 0 0 0
}
.project-gallery .holder .frame {
width: 100%;
position: relative
}
.project-gallery .holder .frame .caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.7);
padding: 15px 17px;
z-index: 9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.project-gallery .holder .frame .caption .left {
float: left
}
.project-gallery .holder .frame .caption strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
display: block;
padding: 0 0 8px 0
}
.project-gallery .holder .frame .caption strong.date {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #7a7880;
display: block
}
.project-gallery .holder .frame .caption .right {
float: right;
padding: 5px 0 0
}
.project-gallery .holder .frame .caption .right a.eye .fa {
border-right: 1px solid #7c7d7f;
color: #fff;
float: left;
font-size: 20px;
line-height: 30px;
margin: 0 16px 0 0;
padding: 0 10px 0 0
}
.project-gallery .holder .frame .caption .right a.search .fa {
color: #fff;
float: left;
font-size: 20px;
line-height: 30px
}
.project-gallery .holder .frame img {
display: block;
width: 100%
}
.project-gallery .holder .bx-wrapper {
width: 100%;
margin: 0
}
.project-gallery .holder .bx-viewport>ul {
margin: 0
}
#project-gallery>li {
position: relative
}
#project-gallery>li:before {
background: url("../image/pattren-bg-2.png") repeat scroll 0 0 rgba(0,0,0,0);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9
}
.project-gallery .holder .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-decoration: none;
text-indent: inherit;
top: 20px
}
.project-gallery .holder .bx-wrapper .bx-next:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 30px;
line-height: 40px;
text-align: center;
text-decoration: none
}
.project-gallery .holder .bx-wrapper .bx-prev:before {
color: #000;
content: "";
display: block;
font-family: FontAwesome;
font-size: 30px;
line-height: 40px;
text-align: center;
text-decoration: none
}
.project-gallery .holder .bx-wrapper .bx-next {
background: none repeat scroll 0 0 rgba(0,0,0,0);
border: 1px solid #524700;
border-radius: 100%;
height: 40px;
left: 60px;
margin: 0;
right: inherit;
width: 40px
}
.project-gallery .holder .bx-wrapper .bx-prev {
background: none repeat scroll 0 0 rgba(0,0,0,0);
border: 1px solid #524700;
border-radius: 100%;
height: 40px;
margin: 0;
width: 40px
}
.about-page {
width: 100%
}
.about-section-1 {
width: 100%;
margin: 0 0 45px 0
}
.about-box-1 {
width: 100%;
background-color: #fff;
padding: 19px 23px 14px 23px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.about-box-1 h2 {
font-family: 'museo300';
font-weight: 300;
font-size: 20px;
line-height: 20px;
color: #000;
margin: 0 0 20px 0
}
.about-box-1 .frame {
float: left;
margin: 0 11px 0 0
}
.about-box-1 .frame:hover img {
opacity: .8
}
.about-box-1 .text-box {
overflow: hidden;
padding: 12px 0 0 0
}
.about-box-1 .text-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
display: block;
padding: 0 0 7px 0
}
.about-box-1 .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #818181;
line-height: 20px;
margin: 0
}
.text-box-1 {
width: 100%;
padding: 15px 22px;
margin: 18px 0 0 0;
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.text-box-1:before {
content: '';
position: absolute;
left: 0;
top: 0;
border-left: 4px solid;
height: 100%
}
.text-box-1 p {
font-family: 'museo500';
font-weight: 500;
color: #3f3f3f;
font-size: 12px;
line-height: 18px;
margin: 0
}
.about-accordion-box {
width: 100%
}
.about-accordion-box .heading-bg {
background-color: #fff;
width: 100%;
padding: 16px 0 12px 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.about-accordion-box h2 {
font-family: 'museo300';
font-weight: 300;
font-size: 20px;
line-height: 20px;
color: #000;
margin: 0
}
.about-accordion-box .accordion {
margin: 0
}
.about-accordion-box .accordion-group {
border: 0;
border-radius: 0;
margin-bottom: 4px;
background-color: #fff
}
.about-accordion-box .accordion-heading .accordion-toggle {
display: block;
padding: 15px 18px 12px 9px;
text-decoration: none;
outline: 0;
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px
}
.about-accordion-box .accordion-toggle>span {
float: right
}
.about-accordion-box .accordion-heading.active {
color: #fff
}
.about-accordion-box .accordion-heading.active .accordion-toggle {
color: #fff
}
.about-accordion-box .accordion-heading.active .accordion-toggle span {
color: #fff
}
.about-accordion-box .accordion-inner {
border-top: 0;
padding: 13px 20px 13px 14px;
background-color: #ededed
}
.about-accordion-box .accordion-inner p {
font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 13px;
line-height: 20px;
color: #666;
margin: 0
}
.about-accordion-box .accordion-inner .frame {
float: left;
margin: 0 13px 0 0
}
.about-accordion-box .accordion-inner .frame:hover img {
opacity: .8
}
.about-accordion-box .accordion-heading:hover .accordion-toggle {
color: #fff
}
.about-section-2 {
width: 100%;
background-color: #fff;
padding: 40px 0
}
.team-box {
width: 100%;
background-color: #f2f2f2
}
.team-box .round {
display: block;
width: 177px;
height: 177px;
border-radius: 100%;
border: 5px solid;
margin: -43px auto 15px;
overflow: hidden
}
.team-box:hover .round {
transform: rotate(360deg)
}
.team-box .round img {
display: block;
width: 100%
}
.team-box h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #333;
text-align: center;
margin: 0 0 10px 0
}
.team-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 10px;
line-height: 10px;
color: #333;
text-align: center;
display: block;
text-transform: uppercase;
padding: 0 0 14px 0
}
.team-box p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 18px;
color: #848484;
margin: 0 0 10px 0;
text-align: center
}
.team-box ul {
padding: 6px 0;
margin: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
background-color: #222
}
.team-box ul li {
display: inline-block;
padding: 0 5px
}
.team-box ul li a {
text-decoration: none;
color: #fff;
font-size: 14px
}
.about-section-3 {
width: 100%;
background-color: #f2f2f2;
padding: 70px 0
}
.about-section-3 .frame {
width: 100%;
border: 2px solid rgba(0,0,0,0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.about-section-3 .frame:hover {
border: 2px solid;
opacity: .8
}
.about-section-3 .frame img {
width: 100%
}
.about-section-3 .text-box {
width: 100%
}
.about-section-3 .text-box h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
color: #333;
margin: 0 0 15px 0
}
.about-section-3 .text-box strong.title {
font-family: 'museo100';
font-weight: 100;
font-size: 24px;
line-height: 24px;
color: #343434;
display: block;
padding: 0 0 20px 0
}
.about-section-3 .text-box ul {
padding: 0;
margin: 0 0 4px 0;
list-style: none;
overflow: hidden
}
.about-section-3 .text-box ul li {
float: left;
padding: 0 0 12px 0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 13px;
color: #686868
}
.about-section-3 .text-box ul li .fa {
float: left;
padding: 0 16px 0 0;
font-size: 13px
}
.about-section-3 .text-box strong.text {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
display: block;
padding: 0 0 20px 0
}
.about-section-3 .text-box a.readmore {
float: left;
padding: 12px 38px;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
border: 2px solid rgba(0,0,0,0)
}
.about-section-3 .text-box a.readmore:hover {
background-color: rgba(0,0,0,0);
border: 2px solid
}
.about-section-4 {
width: 100%;
background-color: #fff;
padding: 40px 0 60px 0
}
.about-section-4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
display: none
}
.about-section-4 .box {
width: 100%
}
.about-section-4 .box .frame {
width: 100%
}
.about-section-4 .box .frame:hover img {
opacity: .8
}
.about-section-4 .box .frame img {
display: block;
width: 100%
}
.about-section-4 .box .text-box {
width: 100%;
background-color: #f2f2f2;
padding: 13px 33px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.about-section-4 .box .text-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #262626;
text-align: center;
display: block;
padding: 0 0 6px 0
}
.about-section-4 .box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 20px;
text-align: center;
color: #949494;
margin: 0
}
.about-section-4 .box:hover strong.title {
color: #fff
}
.about-section-4 .box:hover .text-box p {
color: #fff
}
.about-section-4 .bx-wrapper {
width: 100%;
margin: 0
}
.about-section-4 .bx-wrapper .bx-controls-direction a {
padding: 0;
display: none
}
.about-section-4 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
width: 100%;
text-align: center
}
.about-section-4 .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #999;
margin: 0 3px
}
.about-section-5 {
width: 100%;
background-color: #f2f2f2;
padding: 60px 0
}
.progress-bar-box {
width: 100%
}
@keyframes animate_progress {
from {
width:0
}
to {
width: 100%
}
}
@-webkit-keyframes animate_progress {
from {
width:0
}
to {
width: 100%
}
}
@keyframes animate_vprogress {
from {
height:0
}
to {
height: 100%
}
}
@-webkit-keyframes animate_vprogress {
from {
height:0
}
to {
height: 100%
}
}
.blox_elem_progress {
position: relative;
width: 100%
}
.blox_elem_progress .blox_progress_line {
position: relative;
width: 100%;
display: none;
animation: animate_progress 1.2s;
-webkit-animation: animate_progress 1.2s
}
.blox_elem_progress .blox_progress_vline {
position: relative;
height: 100%;
display: none;
animation: animate_vprogress 1.2s;
-webkit-animation: animate_vprogress 1.2s
}
.blox_elem_progress.style5 .blox_progress_title {
position: absolute;
top: -25px;
left: 0;
font-size: 12px;
font-weight: bold;
text-transform: uppercase
}
.blox_elem_progress .blox_progress_vline_container {
position: absolute;
width: 100%;
bottom: 0;
left: 0
}
.blox_elem_progress.style6 .blox_progress_bar {
height: 190px;
position: relative
}
.blox_elem_progress.style6 .blox_progress_bar .blox_progress_vline {
position: absolute;
display: block;
background-color: #fff;
bottom: 0;
border: 1px solid #ededed;
left: 0;
width: 100%
}
.blox_elem_progress.style6 .blox_progress_bar .blox_progress_vline span {
position: absolute;
height: 10px;
width: 100%;
left: 0;
top: 0
}
.blox_elem_progress.style6 .blox_progress_percent {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 400;
display: block;
margin-top: 20px;
color: #7d7d7d
}
.blox_progress_title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 14px;
color: #7d7d7d;
text-transform: uppercase
}
.progress-color-1 {
background-color: #9c0!important
}
.progress-color-2 {
background-color: #202020!important
}
.masonry-gallery {
width: 100%;
margin: 0 0 50px 0
}
.imgholder {
position: relative;
overflow: hidden
}
.grid .caption {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
opacity: .9
}
.grid .caption .text-box {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 28%
}
.grid .caption .text-box h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
color: #fff;
margin: 0 0 10px 0;
text-align: center
}
.grid .caption .text-box strong.title {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
text-align: center;
display: block
}
.grid:hover .caption {
right: 0
}
.full-gallery {
width: 100%;
margin: 0 0 50px 0
}
.full-gallery ul {
padding: 0;
margin: 0;
list-style: none
}
.full-gallery ul li {
float: left;
margin: 0 0 50px 0
}
.slider-row .right-box-2 {
max-width: 100%;
width: 100%;
background: url(../image/pattren-bg-3.gif) repeat;
padding: 22px 19px 14px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.slider-row .right-box-2 h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #fff;
margin: 0 0 20px 0
}
.slider-row .right-box-2 p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
color: #ccc;
line-height: 18px;
margin: 0 0 40px 0;
clear: both
}
.slider-row .right-box-2 p a.more {
text-decoration: none
}
.slider-row .right-box-2 a.view {
float: left;
padding: 10px 14px;
text-decoration: none;
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #fff;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
background-image: url(../image/btn-pattren-bg.png);
background-repeat: repeat;
background-position: left top;
border: 2px solid rgba(0,0,0,0)
}
.slider-row .right-box-2 a.view:hover {
border: 2px solid;
background-color: rgba(0,0,0,0)
}
.gallery-two-column {
width: 100%;
/* background:#1986c4;
*/}
.gallery-two-column ul {
padding: 0;
list-style: none
}
.gallery-two-column ul li {
float: left;
padding: 0 0 30px 0
}
.gallery-two-column .gallery-box {
width: 100%;
padding: 0
}
.gallery-two-column .gallery-box .frame {
width: 100%;
position: relative;
overflow: hidden
}
.gallery-two-column .gallery-box .frame img {
display: block;
width: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery-two-column .gallery-box .frame a {
position: relative;
}
.gallery-two-column .gallery-box .frame a::before {
content: '';
display: block;
padding-top: 100%;
}
.gallery-two-column .gallery-two-column .gallery-box .frame img {
width: 100%;
display: block
}
.gallery-two-column .gallery-box .frame .caption {
position: absolute;
left: -100%;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.6)!important
}
.gallery-two-column .gallery-box .frame .caption a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 20px
}
.gallery-two-column .gallery-box .frame .caption .fa {
color: #fff;
text-align: center;
font-size: 20px
}
.gallery-two-column .gallery-box .text-box {
width: 100%;
background-color: #fff;
padding: 17px 45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.gallery-two-column .gallery-box .text-box h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #687540/*#262626*/;
text-align: center;
margin: 0 0 10px 0;
font-weight:bold
}
.gallery-two-column .gallery-box .text-box p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #5d721d/*98cb00*/;
text-align: center;
line-height: 20px;
height: 20px;
}
.gallery-two-column .gallery-box .text-box p, .gallery-two-column .gallery-box{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight:bold
}
.text-box h2{
text-overflow: ellipsis;
/* overflow: hidden;*/
white-space: nowrap;
font-weight:bold
}
.gallery-two-column .gallery-box:hover .text-box h2 {
color:#317d92 /* #fff*/ !important;
}
.gallery-two-column .gallery-box:hover .text-box p {
color:#317d92 /*#fff*/;
font-weight:bold
}
.gallery-two-column .gallery-box:hover .caption {
left: 0
}
.recent-post {
width: 100%;
background-color: #f2f2f2;
padding: 60px 0
}
.indicator-section {
width: 100%;
background-image: url(../image/indicator-bg.png);
background-repeat: no-repeat;
background-position: left top;
background-color: rgba(0,0,0,0.8);
padding: 50px 0;
position: relative
}
.indicator-section .holder {
margin: 0 auto;
width: 780px;
position: relative;
z-index: 9
}
.indicator-section .holder h2 {
font-family: 'museo500';
font-weight: 500;
font-size: 36px;
line-height: 36px;
color: #fff;
margin: 0 0 40px 0
}
.indicator-section .holder .frame {
width: 249px;
height: 249px;
border-radius: 100%;
border: 5px solid #fff;
overflow: hidden;
margin: 0 55px 0 0
}
.indicator-section .holder .frame img {
display: block;
width: 100%;
border-radius: 100%
}
.indicator-section .holder .frame:hover {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity: .4;
box-shadow: 0 0 12px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.8)
}
.indicator-section .holder .text-box {
overflow: hidden;
padding: 40px 0 0 0
}
.indicator-section .holder .text-box strong.price {
font-family: 'museo500';
font-weight: 500;
font-size: 30px;
line-height: 30px;
display: block;
padding: 0 0 10px 0
}
.indicator-section .holder .text-box h2 {
font-family: 'museo300';
font-weight: 300;
font-size: 30px;
line-height: 30px;
color: #fff;
margin: 0 0 15px 0
}
.indicator-section .holder .text-box .progress-bar .progress {
background-color: #d4d9de;
background-image: none;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
height: 20px;
margin-bottom: 10px;
overflow: hidden
}
.indicator-section .holder .text-box .progress .bar {
border-radius: 10px
}
.indicator-section .holder .text-box a.icon {
font-family: 'museo300';
font-weight: 300;
font-size: 14px;
line-height: 27px;
text-decoration: none;
color: #fff;
margin: 0 25px 0 0;
float: left
}
.indicator-section .holder .text-box a.icon .fa {
float: left;
padding: 0 12px 0 0;
font-size: 26px
}
.indicator-btn-row {
width: 100%;
margin: 22px 0 0 0;
position: relative
}
.indicator-btn-row a.btn-donate {
float: left;
width: 149px;
height: 46px;
background-color: #2b2a2a;
border: 1px solid rgba(255,255,255,0.30);
text-decoration: none;
text-align: center;
line-height: 45px;
font-family: 'museo100';
font-weight: 100;
font-size: 18px;
color: #fff;
margin: 0 2px 0 0
}
.indicator-btn-row a.btn-donate:hover {
border: 1px solid
}
.indicator-btn-row span {
width: 38px;
height: 38px;
border-radius: 100%;
font-family: 'museo100';
font-weight: 100;
font-size: 18px;
line-height: 38px;
color: #fff;
display: block;
text-align: center;
position: absolute;
left: 134px;
top: 5px
}
.indicator-section .bx-wrapper .bx-next:before {
color: #fff;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.indicator-section .bx-wrapper .bx-prev:before {
color: #fff;
content: "";
display: block;
font-family: FontAwesome;
font-size: 55px;
line-height: 60px;
text-align: center;
text-decoration: none
}
.indicator-section .bx-wrapper .bx-controls-direction a {
font-size: 0;
text-decoration: none;
text-indent: inherit;
top: 50%
}
.indicator-section .bx-wrapper .bx-next {
background: 0;
border-radius: 100%;
height: 61px;
margin: 0;
right: 0;
width: 61px
}
.indicator-section .bx-wrapper .bx-prev {
background: none repeat scroll 0 0 rgba(0,0,0,0);
border-radius: 100%;
height: 61px;
margin: 0;
right: 0;
width: 61px
}
.FONTS {
font-family: 'Open Sans', sans-serif;
font-family: 'museo500'
}
.BOXRESIZING {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.slide-out-div {
background: none repeat scroll 0 0 #fff;
padding: 0;
width: 220px;
z-index: 9999
}
.slide-out-div h3 {
font-family: 'museo500';
font-weight: 500;
font-size: 20px;
line-height: 40px;
background: none repeat scroll 0 0 #333;
color: #fff;
padding-left: 20px;
margin: 0
}
.colors-sw {
padding: 20px
}
.colors-sw>ul {
margin: 0;
padding: 0
}
.colors-sw li {
border: 1px solid #dfdfdf;
display: inline-block;
margin-bottom: 20px;
margin-right: 10px;
padding: 5px;
text-align: center
}
.handle {
background: url('../image/gear.png') no-repeat!important
}
.colors-sw li a {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #898989;
text-decoration: none
}
#nav li a, .header-btn-search .fa, .services-box, .services-box h3, .services-box strong.title-text, .services-box p, .services-box a.readmore, .services-round, .services-round a.sprite-1, .next-event .caption, .chirty-box, .services-round a.sprite-2, .services-round a.sprite-3, .services-round a.sprite-4, .text-col strong.title, span.close-panel, #banner #bx-pager>a, .pagination-area .pagination ul>li>a, .sidebar-tab .nav-tabs>li>a, .nav-pills>li>a, .sidebar-charity-store .bx-wrapper .bx-prev:before, .sidebar-charity-store .bx-wrapper .bx-next:before, .tag-box ul li a, .tag-box ul li a:before, .social-box ul li a, .address-box .fa, .comments .text-outer-1 a.reply, .funding-detail-map-box, .inner ul li a, .funding-detail-map-box .inner ul li a:hover .fa, .accordion-heading, .about-accordion-box .accordion-heading .accordion-toggle, .team-box ul li a, .about-section-4 .box .text-box, .about-section-4 .box .text-box p, .about-section-4 .box .text-box strong.title, .grid .caption, .gallery-box .text-box, .gallery-box .text-box h2, .gallery-box .text-box p, .gallery-box .frame .caption, .process-box, .process-box .fa, .process-outer a.title, .timeline-text a.btn-listen, .slider-row .right-box a.view, .latest-blog-box .frame img, .blog-round, .sponsor-box .frame img, .sponsor-box .text-box a.support, .featured-video-text .frame, .featured-video-text .text-box a.readmore, .btn-signup, .btn-send-message, .subscribe-newsletter .btn-subscribe, .subscribe-newsletter ul li a .fa, .gallery-box ul li, .accordion-text-box .text-box, .about-box-1 .frame img, .about-accordion-box .accordion-inner .frame img, .team-box .round, .about-section-3 .frame, .about-section-3 .text-box a.readmore, .about-section-4 .box .frame, .view-section .box-1 .frame img, .view-section .box-1 .text-box a.readmore, .top-project .holder ul li a .fa, .detail-box ul li .fa, .slider-row .right-box-2 a.view, .slider-row .left-box img, .event-box .top .frame img, .event-box .top .text-box a, .event-box .bottom a.btn-register, .sidebar-tab-content .frame img, .sidebar-tab-content .thumb img, .sidebar-tab-content a.find-more, .charity-box .frame img, .gallery-box ul li img, .event-btn-send, .blog-box .frame img, .blog-box .text-box .round, .blog-box .text-box a.btn-readmore, .btn-submit2, .crowed-funding .box .frame img, .gallery li img, .funding-detail .frame img, .funding-detail .bottom-row a.btn-detail, .donate-box-2 a.btn-donate, .contact-form input[type="submit"], .contact-twitter .fa, .responsive-section-inner .right-box ul li a, .donate-box a.btn-donate, .donate-box a.btn-donate span, .amount-row, .amount-row a.cart, .chirty-box .frame, .indicator-section .holder .frame, .indicator-btn-row a.btn-donate, .services-box:before {
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s
}
.caption .describe {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
padding: 15px;
color: #fff;
text-align: center;
}
@font-face {
font-family: revicons;
src: url(http://en.kphwchem.com/html/skin/default/font/revicons.eot@5510888);
src: url(http://en.kphwchem.com/html/skin/default/font/revicons.eot@5510888) format("embedded-opentype"), url(http://en.kphwchem.com/html/skin/default/font/revicons.woff@5510888) format("woff"), url(http://en.kphwchem.com/html/skin/default/font/revicons.ttf@5510888) format("truetype"), url(http://en.kphwchem.com/html/skin/default/font/revicons.svg@5510888) format("svg");
font-weight: 400;
font-style: normal
}
[class*=" revicon-"]:before,
[class^=revicon-]:before {
font-family: revicons;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em
}
.revicon-search-1:before {
content: "\e802"
}
.revicon-pencil-1:before {
content: "\e831"
}
.revicon-picture-1:before {
content: "\e803"
}
.revicon-cancel:before {
content: "\e80a"
}
.revicon-info-circled:before {
content: "\e80f"
}
.revicon-trash:before {
content: "\e801"
}
.revicon-left-dir:before {
content: "\e817"
}
.revicon-right-dir:before {
content: "\e818"
}
.revicon-down-open:before {
content: "\e83b"
}
.revicon-left-open:before {
content: "\e819"
}
.revicon-right-open:before {
content: "\e81a"
}
.revicon-angle-left:before {
content: "\e820"
}
.revicon-angle-right:before {
content: "\e81d"
}
.revicon-left-big:before {
content: "\e81f"
}
.revicon-right-big:before {
content: "\e81e"
}
.revicon-magic:before {
content: "\e807"
}
.revicon-picture:before {
content: "\e800"
}
.revicon-export:before {
content: "\e80b"
}
.revicon-cog:before {
content: "\e832"
}
.revicon-login:before {
content: "\e833"
}
.revicon-logout:before {
content: "\e834"
}
.revicon-video:before {
content: "\e805"
}
.revicon-arrow-combo:before {
content: "\e827"
}
.revicon-left-open-1:before {
content: "\e82a"
}
.revicon-right-open-1:before {
content: "\e82b"
}
.revicon-left-open-mini:before {
content: "\e822"
}
.revicon-right-open-mini:before {
content: "\e823"
}
.revicon-left-open-big:before {
content: "\e824"
}
.revicon-right-open-big:before {
content: "\e825"
}
.revicon-left:before {
content: "\e836"
}
.revicon-right:before {
content: "\e826"
}
.revicon-ccw:before {
content: "\e808"
}
.revicon-arrows-ccw:before {
content: "\e806"
}
.revicon-palette:before {
content: "\e829"
}
.revicon-list-add:before {
content: "\e80c"
}
.revicon-doc:before {
content: "\e809"
}
.revicon-left-open-outline:before {
content: "\e82e"
}
.revicon-left-open-2:before {
content: "\e82c"
}
.revicon-right-open-outline:before {
content: "\e82f"
}
.revicon-right-open-2:before {
content: "\e82d"
}
.revicon-equalizer:before {
content: "\e83a"
}
.revicon-layers-alt:before {
content: "\e804"
}
.revicon-popup:before {
content: "\e828"
}
.imed-sl1 img {
max-width: 100%
}
.bluebg-t1 {
font-size: 30px!important;
color: white;
font-family: "Open Sans", sans-serif;
font-weight: 300;
line-height: 40px!important
}
.whitebg-t1 {
font-size: 37px!important;
color: #107fc9;
font-family: "Open Sans", sans-serif;
font-weight: 300;
line-height: 40px!important
}
.bluebg-t2,
.whitebg-t2 {
font-size: 27px!important;
font-weight: 700;
color: #231f20;
font-family: "Open Sans", sans-serif
}
.bluebg-t3 {
font-size: 13px!important;
color: white;
font-family: "Open Sans", sans-serif
}
.whitebg-t3 {
font-size: 13px!important;
color: #999;
font-family: "Open Sans", sans-serif
}
@media (max-width:768px){
.bluebg-t1 {
font-size: 20px!important;
font-weight: 300;
line-height: 20px!important
}
.whitebg-t1 {
font-size: 20px!important;
line-height: 20px!important
}
.bluebg-t2,
.whitebg-t2 {
font-size: 18px!important;
}
}
@media (max-width:767px) and (min-width:415px){
.bluebg-t1 {
font-size: 16px!important;
font-weight: 300;
line-height: 18px!important
}
.whitebg-t1 {
font-size: 16px!important;
line-height: 16px!important
}
.bluebg-t2,
.whitebg-t2 {
font-size: 16px!important;
}
}
@media (max-width:414px){
.bluebg-t1 {
font-size: 14px!important;
font-weight: 300;
line-height: 16px!important
}
.whitebg-t1 {
font-size: 14px!important;
line-height: 17px!important
}
.bluebg-t2,
.whitebg-t2 {
font-size: 14px!important;
}
}
.s1-but a {
font-size: 15px!important;
font-weight: 700;
color: #231f20;
padding: 15px 25px;
background-color: white
}
@media (max-width:768px){
.s1-but a {
font-size:14px;
padding: 10px;
}
}
.s1-but a:hover {
color: #107fc9
}
.banner {
position: relative;
}
.form-horizontal .controls input, .form-horizontal .controls textarea {
width: 100%
}
#f1 {
max-width: 800px;
margin: auto;
}
.copyright {
background-color: rgba(0,0,0,0.83);
padding: 20px 0;
text-align: center;
color: #eee;
}
/**/
#main .gallery-two-column ul.sort{
overflow:hidden;
}
#main .gallery-two-column ul.sort>li{
float:left;
width:25%;
text-align:center;
/*padding:0px 5px;*/
/*box-sizing:border-box;*/
}
#main .gallery-two-column ul.sort>li>a{
display:inline-block;
width:80%;
}
#main .gallery-two-column ul.sort>li>a>img{
width:100%;
}
@media(max-width:767px){
#main .gallery-two-column ul.sort>li{width:25%;}
}
#main .gallery-two-column ul.sort>li>a{
display:inline-block;
border:1px solid #ddd;
/*padding:6px 10px;*/
}#main .gallery-two-column ul.sort>li>a>img{
width:100%;
}
/*#main .gallery-two-column ul.sort>li>a:hover{*/
/*text-decoration:none;*/
/*background:#ddd;*/
/*}*/
/*#main .gallery-two-column ul.sort>li>a:active{*/
/*text-decoration:none;*/
/*background:#ddd;*/
/*}*/
/*product-info*/
@media(max-width:767px){
#section .funding-detail .frame a>img{
width:100%!important;
}}
.inner-banner>img{
/*height:241px!important;*/}
#contact_us
/*contact_us*/
@media(max-width:767px){
#main #contact_us_msg>div{width:100%;}
}
@media(min-width:768px){
#main #contact_us_msg>div{width:50%;}
}
#main #contact_us_msg{
overflow:hidden;
/*border-right:1px solid #aaa;*/
}
#main #contact_us_msg>div{
color:#1874CD;
padding-left:10px;
padding-bottom:10px;
box-sizing:border-box;
height:235px;
float:left;
}
#main #contact_us_msg>div>h2{
font-size:18px;
font-weight:bold;
margin-top:15px;
}
#main #contact_us_msg>div>ul>li{
font-size:16px;
margin-top:15px;
}
/*index kp ul*/
.our-services .row>ul{
overflow:hidden;
width:100%;
}
.our-services .row>ul>li{
width:25%;
float:left;
box-sizing:border-box;
padding:0px 5px;
}
.our-services .row>ul>li>img{
width:100%;
}
@media(max-width:767px){
.our-services .row>ul>li{
width:100%;
}
}