/***************************************************************************

1. General Style

2. Top Bar

3. Header

4. Logo

5. Menu

6. Our Causes Carousel

7. Donate Us Box

8. Testimonials

9. Our Projects

10. HomePage 2

11. Donate Us Box

12. Video

13. Welcome Box

14. Successful Stories

15. Recent Events

16. Home Page 3

18. Donate Bar

19. Our Causes

20. Message Box

21. Recent Events 

22. Charity Video

23. Footer Styling

24. People Reviews

25. Flickr Widget

26. Contact us

27. Newsletter.

28. Footer Bottom Strip

29. Search Result Found Page

30. Search Result Not Found Page

31. Gallery Two Column

32. Gallery Four Column

33. Error 404 

34. About Us

35. Blog Page With Sidebar

36. Single Post With Image

37. Single Post With Video

38. Single Post With Slider

39. Project Single Post

40. Contact Page

41. Events Page

42. Elements Page

43. Cart Page

44. Featured Product Page

45. Checkout Page

46. Order Recieved Page

47. Sidebar

48. Sidebar Search

49. Popular Posts

50. Cloud Tags

51. Sidebar lists

52. Sidebar Video

53. Sidebar Gallery

54. Slider Style

55. Side Panel

***************************************************************************/

/*** GENERAL STYLE  ***/

body {

    overflow-x: hidden;

    position:relative;

}

body,ul,h1,h2,h3,h4,h5,h6{

    margin:0;

    padding:0;

    list-style:none;

    letter-spacing:0.2px;

}

.theme-layout {

    background:none repeat scroll 0 0 #FFFFFF;

    display:inline-block;

    width:100%;

}

.theme-layout.boxed {

    margin:0 auto;

    width:1230px;

    display:block;

    overflow:hidden;

    position:relative;

    z-index:0;

    background:none repeat scroll 0 0 #FFFFFF;

    -webkit-box-shadow:0 0 10px #000000;

    -moz-box-shadow:0 0 10px #000000;

    -ms-box-shadow:0 0 10px #000000;

    -o-box-shadow:0 0 10px #000000;

    box-shadow:0 0 10px #000000;

}

a{

    outline:none!important;

}

section {

    float: left;

    width: 100%;

    position:relative;

}

section .container,

.inner-page .container {

    padding: 0;

}

/*** TOP BAR ***/

#top-bar {

    float:left;

    width:100%;

    background-color:rgba(0, 0, 0, 0.85);

    margin:0;

    z-index:100000000;

    position:absolute;

}

#top-bar ul {

    margin:0;

}

#top-bar li{

    float:left;

    margin-right:73px;

    padding:12px 0 12px;

    color:#9d9b9b;

    font-family:'Roboto',sans-serif;

    font-size:10px;

    list-style:none outside none;

}

#top-bar li:last-child{

    margin-right:0;

}

#top-bar li i {

    font-size:13px;

    margin-right:5px;

}

#top-bar li a{color:inherit}

.search-box{

    float:right;

    margin:8px 0;

    width:180px;

}

.search-input{

    float:right;

    width:100px;

    height:20px;

    padding-right:10px;

    color:#dddddd;

    text-align:right;

    border:none;

    font-family:'Roboto',sans-serif;

    font-size:10px;

    background-color:transparent;

    border-right:1px solid #b0afaf;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.search-input:hover,

.search-input:focus{

    width:130px;

    padding-left:10px;

    border:1px solid #b0afaf;

    text-align:left;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;	

}

.submit-button{

    background:url("../images/search-icon.png") no-repeat scroll 2px  4px transparent;

    border:0 none;

    float:right;

    height:20px;

    padding:0;

    width:20px;

    margin-left:6px;

    -webkit-box-shadow:none;

    -moz-box-shadow:none;

    -ms-box-shadow:none;

    -o-box-shadow:none;

    box-shadow:none;

}

/*** Header  ***/

header{

    float:left;

    width:100%;

    background-color:rgba(255,255,255,0.9);

    z-index:100000000;

    position:absolute;

    top:37px;

}

/*** LOGO ***/

.logo {

    float:left;

    padding:14px 0;

}

.logo img{

    float:left;

}

.logo h1 {

    float:left;

    font-family:roboto;

    font-size:36px;

    font-weight:600;

    letter-spacing:-0.25px;

    line-height:50px;

    margin-left:10px;

    margin-top:0;

    margin-bottom:0;

    -webkit-text-shadow:0 1px 1px #A1A1A1;

    -moz-text-shadow:0 1px 1px #A1A1A1;

    -ms-text-shadow:0 1px 1px #A1A1A1;

    -o-text-shadow:0 1px 1px #A1A1A1;

    text-shadow:0 1px 1px #A1A1A1;

}

.logo > p {

    float: left;

    margin: 0;

    width: 100%;

}

.logo h1 i{

    font-size:55px;

    font-style:normal;

}	

/*** MENU ***/

.menu{

    float:right;

    margin-right:50px;

}

.nav-wrap { 

    margin:50px auto; 

    background-color:rgba(0,0,0,0.6); 

    border-top:2px solid white; 

    border-bottom:2px solid white; 

}

.open-menu {

    width:50px;

    height:50px;

    font-size:30px;

    color:#FFFFFF;

    line-height:44px;

    text-align:center;

    z-index:100;

    background:none repeat scroll 0 0 #333333;

    display:none;

    position:absolute;

    top:0;

    right:-50px;

}

#menu-navigation { 

    margin:0 auto; 

    list-style:none; 

    position:relative; 

}

#menu-navigation li {

    float:left;

    position:relative;

}

#menu-navigation > li{

    margin:0 1px;

}

#menu-navigation li a { 

    float:left;

    padding:36px 22px;

    font-family:roboto;

    font-size:14px;

    font-weight:400;

    color:#3D3D3D;

    position:relative;

    text-decoration:none;

    z-index:1;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

#menu-navigation li:hover > a, 

#menu-navigation > li.active > a{ 

    color:white; 

}

#menu-navigation > li:before,

#menu-navigation > li.active:before {

    content:"";

    width:0; 

    height:0; 

    border-bottom:4px solid #516f35; 

    border-right:4px solid transparent;

    opacity:0;

    filter:alpha(opacity=0);

    position:absolute;

    top:-4px;

    right:-3px;

}

#menu-navigation > li:after,

#menu-navigation > li.active:after {

    content:"";

    border-top:4px solid #516F35;

    border-right:4px solid transparent;

    height:0;

    width:0;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    right:-3px;

    top:92px;

}

#menu-navigation > li:hover:before,

#menu-navigation > li:hover:after,

#menu-navigation > li.active:before,

#menu-navigation > li.active:after {

    opacity:1;

    filter:alpha(opacity=100);

}

#menu-navigation li a:before,

#menu-navigation > li.active > a:before {

    content:"";

    height:0;

    width:100%;

    z-index:-1;

    position:absolute;

    left:0;

    top:0;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -ms-border-radius:2px;

    -o-border-radius:2px;

    border-radius:2px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

#menu-navigation > li:hover > a:before,

#menu-navigation > li.current-menu-parent > a:before,

#menu-navigation > li.current_page_item > a:before {

    height: 100%;

}

#menu-navigation li:hover > a, 

#menu-navigation > li.current-menu-parent > a,

#menu-navigation > li.current_page_item > a {

    color: white;

}

.menu ul li ul {

    width:230px;

    border-top:3px solid;

    float:left;

    z-index:2;

    position:absolute;

    left:-9999px;

    top:92px;

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

    -webkit-transition:opacity 0.3s ease 0s;

    -moz-transition:opacity 0.3s ease 0s;

    -ms-transition:opacity 0.3s ease 0s;

    -o-transition:opacity 0.3s ease 0s;

    transition:opacity 0.3s ease 0s;

}

.menu ul > li:hover > ul{

    left:0;

    opacity:1;

    filter:alpha(opacity=100);

}

#menu-navigation li ul li {

    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);

    margin-bottom:5px;

    position: relative;

    width:100%;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

#menu-navigation li:hover > ul li{

    margin-bottom: 0;

}

#menu-navigation li ul li a {

    width:100%;

    padding:15px 25px;

    color:#1A1A1A;

    font-family:open sans;

}

#menu-navigation li ul li a {

    width:100%;

    padding:13px 25px;

    border-bottom:1px solid #D3D3D3;

    color:#1A1A1A;

    font-size:13px;

    font-family:open sans;

    line-height:14px;

}

.menu ul li ul li ul {

    float:left;

    width:230px;

    border-top:3px solid;

    background:none repeat scroll 0 0 #fff;

    position:absolute;

    left:-9999px;

    top:-3px;

    opacity: 0;

    filter:alpha(opacity=0);

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

    -webkit-transition:opacity 0.2s linear;

    -moz-transition:opacity 0.2s linear;

    -ms-transition:opacity 0.2s linear;

    -o-transition:opacity 0.2s linear;

    transition:opacity 0.2s linear;

}

.menu ul li ul li:hover > ul {

    left:-230px;

    opacity: 1;

    filter:alpha(opacity=100);

}

.menu li > ul.mega-menu {

    width: 460px !important;

}

.menu #menu-navigation  li > ul.mega-menu > li{

    float: left;

    width: 50%;

}

.menu ul li ul li:hover > ul.drop-right {

    left:230px;

    opacity: 1;

    filter:alpha(opacity=100);

}

.menu #menu-navigation li ul li ul li {

    background:none repeat scroll 0 0 #EDEDED;

}

.ipadMenu {

    color: #7C7C7C;

    float: right;

    font-family: roboto;

    font-size: 12px;

    margin: 30px 0;

    width: 275px !important;

    display:none;

}

.block {

    float: left;

    position: relative;

    width: 100%;

}

.block.remove-top {

    padding-top: 0;

}

.block.remove-bottom {

    padding-bottom: 0;

}

.sec-heading {

    border-bottom: 1px solid #D3D2D2;

    float: left;

    padding-bottom: 15px;

    position: relative;

    width: 100%;

    margin-bottom: 30px;

}

.sec-heading h2 {

    color:#7c7c7c;

    font-family:roboto;

    font-size:20px;

    font-weight:300;

    line-height:18px;

    position:relative;

}

.sec-heading h2:before {

    content:"";

    height:0;

    width:0;

    border-bottom:8px solid #D3D2D2;

    border-left:7px solid transparent;

    border-right:7px solid transparent;

    position:absolute;

    left:15px;

    bottom:-15px;

}

.sec-heading h2:after {

    content:"";

    height:0;

    width:0;

    border-top:8px solid #D3D2D2;

    border-left:7px solid transparent;

    border-right:7px solid transparent;

    position:absolute;

    left:15px;

    bottom:-23px;

}

.sec-heading h2 strong{

    font-weight:400;

}

/*** Our Causes Carousel ***/

.our-causes{

    float:left;

    width:100%;

}

.our-causes .flex-direction-nav {

    display: none;

}

.our-causes .flex-control-nav {

    list-style: none outside none;

    position: absolute;

    right: 15px;

    top:-60px;

}

.our-causes .flex-control-nav li{

    float:left;

}

.our-causes .flex-control-nav a{

    float:left;

    height:16px;

    width:16px;

    color:transparent;

    margin:0 2px;

    border:4px solid #fff;

    background:none repeat scroll 0 0 #c8c7c7;

    cursor:pointer;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}	

.our-causes .flex-control-nav a.flex-active{

    background:none repeat scroll 0 0 #fff;

    border-color:#777676;

}

.causes-image{

    float:left;

    position:relative;

    overflow:hidden;

    margin-right:30px;

    width:100%;

}

.causes-image:last-child{

    margin-right:0;

}

.causes-image img{

    width:100%;

    height:auto;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.cause-heading{

    width:100%;

    padding-bottom:21px;

    padding-top:21px;

    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    position:absolute;

    bottom:8px;

    -webkit-transition:all 0.6s ease 0s;

    -moz-transition:all 0.6s ease 0s;

    -ms-transition:all 0.6s ease 0s;

    -o-transition:all 0.6s ease 0s;

    transition:all 0.6s ease 0s;

}

.cause-heading h3 {

    color: #666666;

    font-family: roboto;

    font-size: 15px;

    font-weight: 400;

    line-height: 18px;

    padding: 0 20px;

    text-align: center;

}

.cause-heading h3 a{

    color:#2D2D2D;

}

.cause-heading p {

    color: #A6A6A6;

    font-family: roboto;

    font-size: 13px;

    font-weight: 400;

    line-height: 10px;

    margin: 15px 0 5px;

    padding: 0 20px;

    text-align: center;

    text-transform: uppercase;

}

.cause-heading span {

    margin-left:5px;

}

.cause-heading span i{

    color:#616161;

    font-size:19px;

    font-style:normal

}

.our-causes-hover{

    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    height: 0;

    left: 2%;

    padding: 0;

    position: absolute;

    top: 2%;

    width: 96%;

    overflow: hidden;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.6s ease 0.3s;

    -moz-transition:all 0.6s ease 0.3s;

    -ms-transition:all 0.6s ease 0.3s;

    -o-transition:all 0.6s ease 0.3s;

    transition:all 0.6s ease 0.3s;

}

.our-causes-hover h3 {

    color: #FFF;

    font-family: roboto;

    font-size: 15px;

    font-weight: 300;

    line-height: 16px;

    margin-bottom: 25px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

}

.our-causes-hover h3 a{

    color: #2D2D2D;

}

.our-causes-hover > span {

    color: #ADACAC;

    float: left;

    font-family: roboto;

    font-size: 13px;

    font-weight: 400;

    line-height: 11px;

    margin-bottom: 30px;

    text-align: center;

    width: 100%;

    text-transform: uppercase;

}

.our-causes-hover span i {

    font-style:normal;

}

.our-causes-hover p {

    float:left;

    width:100%;

    margin-bottom:35px;

    margin-top:-7px;

    color: #b9b9b9;

    font-family: noto sans;

    text-align: center;

    font-size:13px;

    line-height:20px;

}

.our-causes-hover span.help {

    font-size: 14px;

    font-weight: 400;

    line-height: 13px;

    margin-bottom: 0;

    color: #FFFFFF;

}

.help > strong {

    font-size: 16px;

    font-family: open sans;

    text-transform: uppercase;

    color: #adacac;

}

.our-causes-hover span.needed-amount {

    font-size: 26px;

    line-height: 25px;

    margin-bottom: 0;

    margin-top: 10px;

    text-align: center;

    color: #e9e8e8;

    font-weight: 700;

}

.needed-amount span {

    font-size: 20px;

    margin-right: 5px;

}

.causes-image:hover .our-causes-hover {

    height: 96%;

    padding: 50px 25px;

    -webkit-transition:all 0.6s ease 0s;

    -moz-transition:all 0.6s ease 0s;

    -ms-transition:all 0.6s ease 0s;

    -o-transition:all 0.6s ease 0s;

    transition:all 0.6s ease 0s;

}	

.causes-image:hover .cause-heading {

    bottom: -50%;

}

/*** Donate Us Box ***/

.donate-us-box{

    float:left;

    width:100%;

    padding:40px 35px;

    background-image:url('../images/map-bg.png');

    background-color:#545454;

    background-repeat:no-repeat;

    background-position:50% 50%;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.donate-us-box h5 {

    color:#FFFFFF;

    font-family:roboto;

    font-size:17px;

    font-weight:500;

    line-height:18px;

    margin-bottom:35px;

    text-align:center;

    text-transform:uppercase;

}

.donate-us-box span {

    float:left;

    width:100%;

    display:block;

    color:#FFFFFF;

    font-family:roboto;

    font-size:12px;

    line-height:10px;

    text-align:center;

}

.donate-us-box span.amount-figures {

    background:none repeat scroll 0 0 #373737;

    display: block;

    float: left;

    font-family: Open sans;

    font-size: 16px;

    line-height: 14px;

    margin: 10px 0 20px;

    overflow: hidden;

    padding: 9px 20px;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.donate-us-box span.cell {

    float:left;

    margin-bottom:28px;

    margin-top:5px;

    font-family:open sans;

    font-size:17px;

    color:#FFFFFF;

    font-weight:400;

    text-align:center;

    text-transform:uppercase;

}

.cell i {

    margin-right:10px;

}

.donate-us-box > form {

    float: left;

    width: 100%;

}

.donate-us-box button.donate-btn {

    background: none repeat scroll 0 0 #FFF;

    display:table;

    margin:0 auto;

    padding:10px 20px;

    color:#666666;

    font-family:roboto;

    font-size:11px;

    line-height:10px;

    text-align:center;

    border:0;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.donate-us-box button.donate-btn:hover {

    padding:10px 15px;

}

.donate-us-box a.donate-btn{cursor:pointer}

/*** Testimonials ***/

.testimonial {

    float: left;

    width: 100%;

}

.testimonial.overlap {

    margin-top: -40px;

}

.slideshow {

    float: left;

    position: relative;

    width: 100%;

}

.slideshow .slides {

    float: left;

    padding-bottom: 40px;

    width: 100%;

}

.slideshow p {

    color: #f0f0f0;

    float: left;

    font-size: 15px;

    line-height: 27px;

    margin-bottom: 0;

    margin-top: 38px;

    text-align: center;

    font-weight: 400;

}

.slideshow li.slide {

    list-style-type:none;

}

.slideshow .flex-direction-nav {

    display: none;

}

.slideshow .flex-control-nav {

    display: table;

    list-style: none outside none;

    margin: 40px auto 0;

    padding: 0;

    z-index: 100;

}

.slideshow .flex-control-nav li{

    float:left;

}

.slideshow .flex-control-nav li a {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);

    color: rgba(0, 0, 0, 0);

    cursor: pointer;

    display: inline;

    float: left;

    height: 8px;

    margin: 0 0 0 8px;

    width: 8px;

    transition: all 0.3s;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;	

}

.slideshow .flex-control-nav li a.flex-active {

    border: 4px solid rgba(0,0,0,0.3);

    height: 16px;

    margin-top: -5px;

    width: 16px;

}

.carusal-image-thumb img {

    border: 3px solid #FFFFFF;

    display: table;

    height: 100px;

    margin: 0 auto 10px;

    width: 100px;

    -webkit-border-radius:15px;

    -moz-border-radius:15px;

    -ms-border-radius:15px;

    -o-border-radius:15px;

    border-radius:15px;

}

.carusal-image-thumb {

    display: table;

    margin: 0 auto;

    min-width: 270px;

    text-align: center;

}

.carusal-image-thumb strong {

    color: #FFFFFF;

    font-family: roboto;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.3px;

    margin-left: 10px;

    margin-top: 10px;

    position: relative;

    text-transform: uppercase;

}

.carusal-image-thumb-name {

    color: #FFFFFF;

    font-family: roboto;

    font-weight: 500;

    margin-left: 5px;

    margin-top: 10px;

    position: relative;

}

.carusal-slider{

    float:left;

}

.carusal-slider #carousel-wrapper .caroufredsel_wrapper {

    min-height: 215px;

}

#carousel span, #thumbs a, #thumbs img {

    float:left;

    width:100%;

}

#carousel-wrapper {

    float: left;

    width: 100%;

}

#thumbs-wrapper {

    float:left;

    width:100%;

    padding:25px 27px 10px;

    margin-top:20px;

    position:relative;

    background:none repeat scroll 0 0 #dedcdc;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-box-shadow:0 2px 0 #DEDEDE;

    -moz-box-shadow:0 2px 0 #DEDEDE;

    -ms-box-shadow:0 2px 0 #DEDEDE;

    -o-box-shadow:0 2px 0 #DEDEDE;

    box-shadow:0 2px 0 #DEDEDE;

}

#thumbs img{

    border:2px solid #f8f7f7;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

#thumbs a {

    margin:0 10px;

    overflow:hidden;

    float:left;

}

#thumbs a:hover, #thumbs a.selected {

    border-color:#98d460;

}

#thumbs a img {

    height:87px;

    width:100%;

}

#wrapper img#shadow {

    width:100%;

    position:absolute;

    bottom:0;

}

.carusal-our-news{

    float:left;

    height:20px;

    color:#666666;

    font-family:roboto;

    font-size:12px;

    margin-top:7px;

}

.carusal-our-news:hover,

.selected .carusal-our-news {

    color:#2d2d2d;

}	

.carusal-slider #prev,.carusal-slider  #next {

    width:27px;

    margin-top:-13px;

    display:block;

    text-align:center;

    background-color:#BAB9B9;

    background-image:url("../images/sprite.png");

    position:absolute;

    top:49%;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;	

}

.carusal-slider #prev i,.carusal-slider  #next i {

    color:#FFFFFF;

    line-height:35px;

}

.carusal-slider #prev {

    background-position:205px -105px;

    left:0;

}

.carusal-slider #next {

    background-position:-154px -34px;

    right:0px;

}	

.carusal-slider #prev:hover { 

    background-image:url("../images/sprite.png");

    background-position:205px -105px;

}

.carusal-slider #next:hover {

    background-image:url("../images/sprite.png");

    background-position:-154px -34px;

}

/*** Our Projects ***/

.our-project-box {

    float: left;

    margin-bottom: -50px;

    width: 100%;

}

.icon-box{

    width:90px;

    height:90px;

    padding:12px;

    border:1px solid #DDDCDC;

    color:#DDDCDC;

    font-size:48px;

    text-align:center;

    position:relative;

    overflow:hidden;

    display:table;

    margin:0 auto;

    background-clip:border-box;

    background-color:#FFFFFF;

    -webkit-box-shadow:0 0 15px #EDEDED inset;

    -moz-box-shadow:0 0 15px #EDEDED inset;

    -ms-box-shadow:0 0 15px #EDEDED inset;

    -o-box-shadow:0 0 15px #EDEDED inset;

    box-shadow:0 0 15px #EDEDED inset;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.our-project-box .row .row > div {

    padding: 0 0 50px;

}

.project-detail {

    float: left;

    width: 100%;

}

.project-detail a {

    color: #666666;

    display: block;

    font-family: roboto;

    font-weight: 400;

    line-height: 11px;

    overflow: hidden;

    padding-bottom: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition:all 1s ease 0s;

    -moz-transition:all 1s ease 0s;

    -ms-transition:all 1s ease 0s;

    -o-transition:all 1s ease 0s;

    transition:all 1s ease 0s;

}

.project-detail:hover a{

    color:#2d2d2d;

}

.project-detail span {

    color: #A6A6A6;

    float: left;

    font-family: roboto;

    font-size: 13px;

    margin-bottom: 2px;

    width: 100%;

}

.project-detail p {

    color: #888888;

    font-family: Open sans;

    font-size: 13px;

}

.icon-box i {

    line-height:67px;

    color:#a5a4a4;

    text-shadow:-2px 3px 1px #dadada;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.need {

    width:100%;

    height:100%;

    padding:10px;

    color:#FFFFFF;

    opacity:0;

    font-family:roboto;

    font-size:10px;

    font-weight:bold;

    position:absolute;

    left:0;

    top:0;

    -webkit-box-shadow: 0 0 10px #6A6A6A inset;

    -moz-box-shadow: 0 0 10px #6A6A6A inset;

    -ms-box-shadow: 0 0 10px #6A6A6A inset;

    -o-box-shadow: 0 0 10px #6A6A6A inset;

    box-shadow: 0 0 10px #6A6A6A inset;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.our-project-box .row > div:hover .need{

    opacity:1;

}

.need p span {

    float: left;

    font-size: 14px;

    width: 100%;

    margin-bottom:3px;

}

.need input {

    display: none;

}

.need a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #efefef;

    font-family: roboto;

    font-size: 13px;

    font-weight: 700;

    left: 0;

    padding: 0 10px;

    position: absolute;

    text-shadow: 1px 1px 2px #737373;

    top: 50%;

    width: 100%;

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transform:translateY(-50%);

}

/*** ////HOME PAGE 2 STYLE/////////

///////////////////////////////////////////////////////// ***/

.nine-column {

    float:left;

    width:870px;

    margin-left:-15px;

    margin-right:-15px;

}

.three-column {

    float:left;

    width:270px;

    margin-left:-15px;

    margin-right:-15px;

}

/*** Donate Us Box ***/

.donate-us {

    float:left;

    width:100%;

    padding:20px;

    margin-bottom:40px;

    background:url("../images/map-bg.png") no-repeat scroll center 0 #545454;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.donate-us > h3 {

    color:#FFFFFF;

    font-family:roboto;

    font-size:14px;

    text-align:center;

    text-transform:uppercase;

}

.donate-us > span {

    float:left;

    width:100%;

    color:#FFFFFF;

    font-family:open sans;

    font-size:12px;

    line-height:10px;

    margin-top:10px;

    text-align:center;

}

.collected {

    float:left;

    width:50%;

    margin-top:10px;

}

.collected > p {

    color:#FFFFFF;

    display:block;

    font-family:roboto;

    font-size:11px;

    line-height:10px;

    margin:0 0 10px;

}

.collected > span {

    color: #FFFFFF;

    font-family: open sans;

    line-height: 12px;

    margin: 0 auto;

    padding: 6px 20px;

    float: left;

    width: 100%;

    word-wrap: break-word;

    text-align:center;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.d-now {

    float:left;

    width:50%;

    margin-top:28px;

    text-align:center;

}

.d-now .donate-btn {

    background-image:linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-o-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.15, rgb(240,240,240)),

        color-stop(0.81, rgb(255,255,255))

        );

    color:#666666;

    display:table;

    font-family:roboto;

    font-size:10px;

    line-height:10px;

    margin:0 auto;

    cursor:pointer;

    padding:8px 15px;

    border:0;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.d-now .donate-btn:hover {

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -ms-transform:scale(1.1);

    -o-transform:scale(1.1);

    transform:scale(1.1);

}

.d-now input {

    display: none;

}

/*** Video ***/

.video {

    float:left;

    width:100%;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.video > img {

    width:100%;

    height: auto;

}

.video > span {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    color: #FFFFFF;

    font-family: roboto;

    font-size: 15px;

    line-height: 14px;

    padding: 15px 20px;

    width: 100%;

    position: absolute;

    bottom:0;

    left: 0;

}

.video > span i {

    position: absolute;

    right: 10px;

    width: 45px;

    height: 110%;

    top: 0;

    text-align: center;

    background: gray;

    line-height: 50px;

    color: rgba(0,0,0,0.2);

}

.video span.play-video {

    width:50px;

    height:50px;

    padding:0;

    left:40%;

    top:30%;

    text-align:center;

    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transform:scale(0);

    -moz-transform:scale(0);

    -ms-transform:scale(0);

    -o-transform:scale(0);

    transform:scale(0);

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.video span.play-video i {

    color: #AFAFAF;

    font-size: 17px;

    line-height: 52px;

    background: none;

    width: auto;

    height: auto;

    padding-left:4px;

    line-height: 50px;

    text-align: center;

    right: auto;

    left: 15px;

}

.video:hover span.play-video{

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

/*** Welcome Box ***/

.welcome-box {

    background: url("../images/boxed-bg4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

    border-radius: 3px;

    float: left;

    letter-spacing: 0.4px;

    overflow: hidden;

    padding: 40px 245px 40px 130px;

    position: relative;

    z-index: 1;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.welcome-box:before {

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

    opacity: 0.8;

}

.welcome-box > h2 {

    color: #FFFFFF;

    float: left;

    font-family: roboto;

    font-size: 26px;

    font-weight: 400;

    line-height: 26px;

    margin: 0 0 20px;

    text-align: center;

    width: 100%;

}

.welcome-box > h2 strong {

    font-size: 32px;

    text-transform: uppercase;

    color: rgba(0,0,0,0.2);

}

.welcome-box > p {

    color: #F8F8F8;

    float: left;

    font-family: roboto;

    font-size: 15px;

    line-height: 13px;

    margin-bottom: 0;

    text-align: center;

    width: 100%;

}

.welcome-box span {

    color: #FFFFFF;

    font-family: roboto;

    font-size: 12px;

    margin-top: -22px;

    overflow: hidden;

    padding: 15px 30px;

    position: absolute;

    right: 0;

    top: 50%;

    z-index: 1000;

    -webkit-border-radius:3px 0 0 3px;

    -moz-border-radius:3px 0 0 3px;

    -ms-border-radius:3px 0 0 3px;

    -o-border-radius:3px 0 0 3px;

    border-radius:3px 0 0 3px;

}

.welcome-box span:before {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.12);

    content: "";

    height: 100%;

    width: 100%;

    z-index: -1;

    position: absolute;

    left: 0;

    top: 0;

}

.six-column {

    float:left;

    width:570px;

    margin-left:-15px;

    margin-right:-15px;

}

.six-column .stories{

    margin:30px 0 0;

    margin-bottom:-30px;

}

/*** Successful Stories ***/

.stroies {

    float:left;

    margin:30px -15px;

    margin-bottom:-30px;

}

.story:first-child {

    margin-left:0;

}

.story:nth-child(4n+5) {

    margin-left:0;

}

.story {

    float: left;

    width: 100%;

}

.remove-space .story {

    margin-bottom: 30px;

}

.story-img {

    border-radius: 3px 3px 0 0;

    overflow: hidden;

    position: relative;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}

.story-img > img {

    width:100%;

    height:auto;

}

.story-img:before {

    height:100%;

    width:100%;

    content:"";

    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    opacity:0;

    filter:alpha(opacity=0);

    position:absolute;

    top:0;

    left:0;

    -webkit-transform:scale(0.6);

    -moz-transform:scale(0.6);

    -ms-transform:scale(0.6);

    -o-transform:scale(0.6);

    transform:scale(0.6);

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.story-img:hover:before {

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

    opacity:1;

    filter:alpha(opacity=100);

}

.story-img h5 {

    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    bottom: 0;

    color: #ECEBEB;

    font-family: roboto;

    font-size: 15px;

    font-weight: 300;

    left: 0;

    letter-spacing: 0.3px;

    line-height: 18px;

    padding: 16px 25px;

    position: absolute;

    width: 100%;

    text-align: center;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.story-img:hover h5 {

    opacity:0;

    filter:alpha(opacity=0);

}

.story-img span {

    width:100%;

    height:100%;

    text-align:center;

    z-index:1000;

    background:url("../images/link-arrow.png") no-repeat scroll center center transparent;

    opacity:0;

    filter:alpha(opacity=0);

    position:absolute;

    top:0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.story-img:hover  span{

    opacity:1;

    filter:alpha(opacity=100);

}

.story-img span i {

    color:#FFFFFF;

    line-height:45px;

}

.story-meta {

    background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5;

    float: left;

    margin-bottom: 20px;

    padding: 15px 20px;

    width: 100%;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

    -ms-border-radius: 0 0 3px 3px;

    -o-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

}

.story-meta > span {

    float: left;

    width: 50%;

    color: #929292;

    font-size: 12px;

    font-family: roboto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.story-meta > span i {

    margin-right: 5px;

}

.story-meta > p {

    float: left;

    width: 100%;

    color: #929292;

    font-family: roboto;

    font-size: 12px;

    margin-bottom: 0;

    margin-top: 10px;

}

.story > p {

    color: #888888;

    float: left;

    font-family: noto sans;

    font-size: 13px;

    line-height: 24px;

    width: 100%;

    margin-bottom: 0;

}

.story-meta > p strong {

    color: #A9A8A8;

    font-size: 20px;

    margin-left: 20px;

}

.story > h6 {

    color:#ADACAC;

    float:left;

    font-family:roboto;

    font-size:20px;

    line-height:15px;

    position:relative;

    min-width: 65px;

}

.story > h6 span {

    font-size:10px;

    position:absolute;

    bottom:-15px;

    right:0;

}

.story > h6 i{

    font-style:normal;

    font-size:24px;

}

.story > span {

    float:left;

    margin-left:20px;

    padding-left:20px;

    border-left:1px dotted #E5E5E5;

    color:#7c7c7c;

    font-family:roboto;

    font-size:11px;

    line-height:30px;

}

.story > span i{

    margin-right:10px;

}

.stories-carousel {

    float: left;

    position: relative;

    width: 100%;

    z-index: 1;

}

.list_carousel4 li {

    float:left;

}

.stories-carousel .flex-direction-nav {

    position: absolute;

    right:0;

    top: -65px;

}

.stories-carousel .flex-direction-nav li{

    float:left;

    margin:0 4px;

}

.stories-carousel .flex-direction-nav li a {

    background: url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #f2f0f0;

    color: rgba(0, 0, 0, 0);

    float: left;

    height: 25px;

    width: 25px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.4s linear;

    -moz-transition:all 0.4s linear;

    -ms-transition:all 0.4s linear;

    -o-transition:all 0.4s linear;

    transition:all 0.4s linear;

}

.stories-carousel .flex-direction-nav li a:hover{

    background-position:5px -30px;

}

.stories-carousel .flex-direction-nav li a.flex-next{

    background-position:-42px -3px;

}

.stories-carousel .flex-direction-nav li a.flex-next:hover{

    background-position:-42px -30px;

}

/*** Recent Events ***/

.recent-event {

    float:left;

    width:100%;

}

.recent-event-img {

    overflow:hidden;

    position:relative;

    width:100%;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.recent-event-img > img {

    width:100%;

}

.recent-event-img:before {

    content:"";

    height:100%;

    width:100%;

    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-transform:scale(0.5);

    -moz-transform:scale(0.5);

    -ms-transform:scale(0.5);

    -o-transform:scale(0.5);

    transform:scale(0.5);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.recent-event-img:hover:before {

    opacity:1;

    filter:alpha(opacity=100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.recent-event-img span {

    border:1px solid #E2E0DF;

    height:45px;

    left:45%;

    position:absolute;

    text-align:center;

    top:20%;

    width:45px;	

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.recent-event-img:hover span{

    top:40%;

    opacity:1;

    filter:alpha(opacity=100);

}

.recent-event-img span i {

    color:#E2E0DF;

    line-height:43px;

}

.recent-event > h4 {

    font-family: roboto;

    font-size: 15px;

    font-weight: 400;

    line-height: 15px;

    margin: 20px 0 10px;

    letter-spacing: 0.3px;

}

.recent-event > h4 a{

    color:#707070;

}

.recent-event > ul {

    float: left;

    font-family: roboto;

    font-size: 12px;

    width: 100%;

}

.recent-event li {

    float:left;

    line-height:13px;

    margin-right:30px;

}

.recent-event li a{

    color:#929292;

}

.recent-event li a span{

    color:#7c7c7c;

}

.recent-event li i {

    margin-right: 10px;

    font-size: 14px;

    color: #d0cfcf;

}

.recent-event.previous-event {

    float: left;

    margin: 30px 0 0;

}

.previous-event .recent-event-img > img {

    width:auto;

}

.previous-event .recent-event-img {

    float: left;

    width: auto;

}

.previous-event .recent-event-img:before,

.previous-event .recent-event-img span {

    display:none;

}

.recent-event.previous-event > h4 {

    float:left;

    margin-left:10px;

    margin-top:10px;

    font-size:14px;

    width:55%;

}

.recent-event.previous-event > ul {

    float:left;

    width:150px;

    font-family:roboto;

    font-size:11px;

    margin-left:10px;

}

.recent-event.previous-event ul li {

    margin-bottom:10px;

    margin-right:0;

}

/*** ////HOME PAGE 3 STYLE/////////

///////////////////////////////////////////////////////// ***/

/*** Donation Bar ***/

.donation-bar {

    float:left;

    width:100%;

    overflow:hidden;

    background:none repeat scroll 0 0 #545454;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.amount {

    float: right;

    width: auto;

}

.amount p {

    color:#FFFFFF;

    font-family:roboto;

    font-size:12px;

    line-height:10px;

    text-align:center;

}

.amount span {

    background: none repeat scroll 0 0 #424242;

    color: #FFFFFF;

    display: table;

    font-family: open sans;

    font-size: 16px;

    margin: 0 auto;

    padding: 5px 20px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.amount span strong {

    font-size:18px;

    line-height:10px;

}

.amount.pull-right span {

    background:none repeat scroll 0 0 #98D460;

}

.donate-now {

    float:left;

    width:66%;

    position:relative;

    padding:0 48px;

    z-index:1;

    background:url("../images/map-bg.png") no-repeat scroll center 11px #545454 ;

}

.donate-now input {

    display: none;

}

.donation-bar .amount {

    float: left;

    width: 17%;

    background: #545454;

    padding: 30px 10px;

    border-left:2px solid #B0B0B0;

    border-right:2px solid #B0B0B0;

}

.donation-bar .donate-btn {

    width:168px;

    padding:22px 0;

    margin:28px auto;

    position:relative;

    display:table;

    background:#98d460;

    color:#FFFFFF;

    font-family:roboto;

    font-size:16px;

    font-weight:600;

    text-align:center;

    line-height:13px;

    border:0;

    cursor:pointer;

    text-transform:uppercase;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.donation-bar .donate-btn:hover,.donation-bar .donate-btn:focus {

    color:#FFFFFF;

    text-decoration:none;

}

.donation-bar .donate-btn:hover {

    -webkit-transform: skew(6deg);

    -moz-transform: skew(6deg);

    -ms-transform: skew(6deg);

    -o-transform: skew(6deg);

    transform: skew(6deg);

}

/*** Our Cause ***/

.sec-title {

    width:100%;

    margin-bottom:30px;

    display:inline-block;

    overflow:hidden;

}

.sec-title h2 {

    float:left;

    padding-left:15px;

    font-family:roboto;

    font-size:32px;

    font-weight:500;

    line-height:48px;

    margin:0;

    position:relative;

}

.sec-title h2 span {

    font-weight:300;

}

.sec-title h2:before {

    content: "";

    height: 70%;

    left: 0;

    position: absolute;

    top: 15%;

    width: 4px;

}

.sec-title h2:after {

    content:"";

    height:1px;

    width:50%;

    position:absolute;

    right:-55%;

    top:50%;

}

.our-cause-sec {

    float: left;

    width: 100%;

}

.our-cause-sec .tab-content {

    float: left;

    width: 100%;

    margin-bottom: 30px;

}

.cause-image {

    float:left;

    width:100%;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;	

}

.cause-image > img {

    width: 100%;

    height: auto;

}

.meta {

    float:left;

    width:15%;

    min-height: 80px;

    padding:32px 0;

    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.97);

    text-align:center;

    position:absolute;

    bottom:0;

}

.meta > span {

    color: #d6d6d6;

    display: block;

    font-family: roboto;

    line-height: 16px;

    padding: 0 15px;

    word-wrap: break-word;

}

.meta > span i {

    color: #ADACAC;

    font-style:normal;

}

.cause-title {

    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    border-left: 1px solid #D4D2D2;

    bottom: 0;

    left: 15%;

    position: absolute;

    width: 85%;

    min-height: 80px;

}

.cause-title h2 a {

    color: #ecebeb;

    float: left;

    font-family: roboto;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    padding: 30px;

    letter-spacing: 0.3px;

}

.details {

    float:left;

    width:100%;

    margin-top:40px;

}

.needed-amount {

    float:left;

    width:27%;

    text-align:center;

}

.needed-amount > h5 {

    color: #adacac;

    font-family: roboto;

    font-size: 58px;

    line-height: 57px;

    margin: 0 auto;

    padding-right: 20px;

    position: relative;

    word-wrap: break-word;

    font-weight: 700;

}

.needed-amount > h5 i {

    font-size:60px;

    font-style:normal;

    font-weight:normal;

}

.needed-amount > h5 span {

    color:#929292;

    font-family:roboto;

    font-size:12px;

    font-weight:normal;

    line-height:12px;

    position:absolute;

    bottom:-20px;

    right:20px;

}

.details > p {

    float:left;

    width:73%;

    color:#818181;

    font-family:open sans;

    font-size:13px;

    line-height:22px;

    margin-bottom:0;

    margin-top:-6px;

}

.causes-carousel {

    float:left;

    position:relative;

    margin-top:35px;

    overflow:hidden;

    width:100%;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.causes-carousel .flex-viewport {

    margin: 0 -15px;

}

.cause-tabber {

    border: 0 none;

    float: left;

    width: 100%;

}

.causes-carousel .caroufredsel_wrapper{

    width:100%!important;

}

.cause-tabber li {

    margin-bottom:0;

    float:left;

}

.cause-tabber li:last-child{

    margin-right:0;

}

.cause-tabber li a img{

    width:100%;

    height:100%;

}

.nav.cause-tabber li a, .nav.cause-tabber li a:hover, .nav.cause-tabber li a:focus {

    border: 0 none;

    float: left;

    overflow: hidden;

    padding: 0;

    width: 100%;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}

.cause-tabber li a span {

    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    color: #ECEBEB;

    font-family: roboto;

    font-size: 15px;

    font-weight: 300;

    letter-spacing: 0.3px;

    padding: 10px;

    text-align: center;

    width: 80%;

    min-height: 10px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

    position: absolute;

    bottom: 0;

    left: 5%;

    

    -webkit-border-radius:3px 3px 0 0;

    -moz-border-radius:3px 3px 0 0;

    -ms-border-radius:3px 3px 0 0;

    -o-border-radius:3px 3px 0 0;

    border-radius:3px 3px0 0;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}

.cause-tabber li a:hover span, .cause-tabber li.active a span {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    bottom: auto;

    left: 0;

    top: 50%;

    width: 100%;

    z-index: 1;

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transform:translateY(-50%);

}

.cause-tabber li a:before{

    background: rgba(84, 84, 84, 0.9) none repeat scroll 0 0;

    content: "";

    height: 100%;

    width:0;

    opacity:0;

    position: absolute;

    left:50%;

    top: 0;

    z-index: 0;

    -webkit-transition:all 0.2s linear;

    -moz-transition:all 0.2s linear;

    -ms-transition:all 0.2s linear;

    -o-transition:all 0.2s linear;

    transition:all 0.2s linear;

}

.cause-tabber li:hover a:before,

.cause-tabber li.active a:before{

    opacity:1;

    width:100%;

    left:0;

}

.causes-carousel .flex-direction-nav li a {

    width:45px;

    color:#9D9D9D;

    font-size:36px;

    height:100%;

    line-height:150px;

    text-align:center;

    z-index:1;

    background:url("../images/carousel-arrows-black2.png") no-repeat scroll 16px center rgba(255, 255, 255, 0.9);

    color:transparent;

    position:absolute;

    top:0;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.causes-carousel .flex-direction-nav li a.flex-next{

    right:-50px;	

    background-position:-32px center;

}

.causes-carousel .flex-direction-nav li a.flex-prev{

    left:-50px;

}

.causes-carousel:hover .flex-direction-nav li a.flex-next {

    right: 0;

    -webkit-border-radius: 0 3px 3px 0;

    -moz-border-radius: 0 3px 3px 0;

    -ms-border-radius: 0 3px 3px 0;

    -o-border-radius: 0 3px 3px 0;

    border-radius: 0 3px 3px 0;

}

.causes-carousel:hover .flex-direction-nav li a.flex-prev{

    left:0;

    -webkit-border-radius: 3px 0 0 3px;

    -moz-border-radius: 3px 0 0 3px;

    -ms-border-radius: 3px 0 0 3px;

    -o-border-radius: 3px 0 0 3px;

    border-radius: 3px 0 0 3px;

}

.causes-carousel .flex-direction-nav li a:hover {

    background-color: rgba(84,84,84,0.9);

}

/*** Revolution Slider ***/

.tp-banner-container {

    float: left;

    position: relative;

    width: 100%;

    z-index: 0;

}

.slide1-text1 {

    color: #98d460;

    font-family: roboto;

    font-weight: 600;

}

.slide1-text2 {

    background: url("../images/slider1-img.png") no-repeat scroll 0 0 / auto 102% rgba(0, 0, 0, 0);

    float: left;

    padding-left:5px;

}

.slide1-text2 span {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    color: #FFFFFF;

    float: left;

    font-family: roboto;

    padding: 5px 20px;

    -webkit-border-radius:0 3px 3px 0;

    -moz-border-radius:0 3px 3px 0;

    -ms-border-radius:0 3px 3px 0;

    -o-border-radius:0 3px 3px 0;

    border-radius:0 3px 3px 0;

}

.slide1-text3 {

    background: url("../images/slider1-img3.png") no-repeat scroll right 0 transparent;

}

.slide1-text3 span {

    background: none repeat scroll 0 0 #FFFFFF;

    border-left: 3px solid #98D460;

    color: #000000;

    float: left;

    font-family: roboto;

    font-weight: bold;

    padding: 0 30px;

    -webkit-border-radius:3px 0 0 3px;

    -moz-border-radius:3px 0 0 3px;

    -ms-border-radius:3px 0 0 3px;

    -o-border-radius:3px 0 0 3px;

    border-radius:3px 0 0 3px;

}

.slide1-text4 {

    color: #FFFFFF;

    font-family: roboto;

}

.slide2-text1 {

    color: #FFFFFF;

    font-family: roboto;

    font-weight: bold;

}

.slide2-text1 > span {

    padding:5px 30px 6px 30px;

    background:  rgba(0, 0, 0, 0.8);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.slide2-text1 span span{

    color:#98d460;

}

.slide2-text2 {

    color: #FFFFFF;

    font-family: roboto;

    font-weight: bold;

}

.slide2-text2 > span {

    background: none repeat scroll 0 0 #9ACD6A;

    padding: 5px 30px 9px 30px!important;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.slide2-text2 span span{

    color:#323232;

    font-weight:400;

}

.slide2-text3 {

    color: #595858;

    font-family: roboto;

    font-weight: bold;

}

.slide2-text3 > span {

    background: rgba(255,255,255,0.9);

    padding: 5px 30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.slide2-text3 span span{

    color:#98d460;

    font-weight:400;

}

.slide3-text1 {

    color: #FFFFFF;

    font-family: roboto;

    font-weight: 600;

}

.slide3-text1  span{

    color:#98d460;

}

.slide3-text2 {

    background:#98d460;

    color:#fff;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide3-text2 span{

    color:#373737;

}

.slide3-text3 {

    background:rgba(0,0,0,0.9);

    color:#fff;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide3-text3 span{

    color:#98d460;

}

.slide4-text1 {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

    color: #FFFFFF;

    font-family: roboto;

    font-weight: 700;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide4-text2 {

    background: none repeat scroll 0 0 #9acd6a;

    color: #FFFFFF;

    font-family: roboto;

    font-weight: 700;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide4-text3,

.slide4-text4 {

    color:#030303;

    font-family:roboto;

}

.slide5-text1 {

    background: none repeat scroll 0 0 #9ACD6A;

    color: #EDEDED;

    font-weight: 600;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide5-text2 {

    background: none repeat scroll 0 0 #3d3d3d;

    color: #EDEDED;

    font-weight: 600;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide5-text3 a {

    background: none repeat scroll 0 0 #9ACD6A;

    color: #fff!important;

    padding:10px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide6-text1 {

    background: none repeat scroll 0 0 #3d3d3d;

    color: #EDEDED;

    font-weight: 600;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide6-text2 {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    color: #3D3D3D;

    font-family: open sans;

    text-align: center;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide6-text3 a{

    background: none repeat scroll 0 0 #e53b51;

    color: #fff!important;

    padding:10px;

    font-weight: 600;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide6-icons a {

    border: 1px solid #FFFFFF;

    color: #FFFFFF !important;

    float: left;

    font-weight: 600;

    padding: 0 10px;

    text-align: center;

    width: 40px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.slide6-icons a:hover{

    background: none repeat scroll 0 0 #e53b51;

}

.slide7-text1{

    font-family:roboto;

    font-weight:bold;

    color:#3d3d3d;

}

.slide7-icon {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

    border:2px solid #fff;

    color:#3d3d3d;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

.slide7-text2{

    font-family:open sans;

    font-weight:bold;

    color:#3d3d3d;

}

.slide7-link a{

    background: none repeat scroll 0 0 #e53b51;

    font-family:open sans;

    color:#fff!important;

    padding:5px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.slide7-link iframe{

    border:0;

}

/*** Message Box ***/

#layerslider-container-fw{

    position:relative;

}

.message-box {

    bottom:0;

    position:absolute;

    right:50px;

    width:360px;

    z-index: 10000;

}

.message-box-title {

    width:222px;

    float:right;

    z-index:1;

    overflow:hidden;

    cursor:pointer;

    -webkit-border-radius:3px 3px 0 0;

    -moz-border-radius:3px 3px 0 0;

    -ms-border-radius:3px 3px 0 0;

    -o-border-radius:3px 3px 0 0;

    border-radius:3px 3px 0 0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.message-box-title > span {

    float:left;

    width:45px;

    text-align:center;

    margin-right:10px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.message-box-title span i {

    color:#FFFFFF;

    font-size:12px;

    line-height:34px;

}

.message-box-title > p {

    float:left;

    color:#FFFFFF;

    font-family:roboto;

    font-size:12px;

    line-height:34px;

    margin-bottom:0;

    font-weight:700;

}

.message-box-title > i {

    color:#FFFFFF;

    float:right;

    font-weight:bold;

    line-height:34px;

    margin-right:10px;

}

.message-form {

    display:none;

    float:left;

    padding:33px;

    border-left:2px solid;

    border-right:2px solid;

    background:none repeat scroll 0 0 #FFFFFF;

}

.message-form > p {

    color:#A7A6A6;

    font-family:roboto;

    font-size:11px;

    margin-bottom:20px;

}

.message-form form input.form-control,

.message-form form input.form-control:focus {

    background:none repeat scroll 0 0 #F6F6F6;

    border:0 none;

    color:#A5A5A5;

    font-family:open sans;

    font-size:11px;

    font-weight:bold;

    margin-bottom:12px;

    text-transform:uppercase;

    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;

    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;

    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;

    -o-box-shadow:1px 1px 2px #B3B3B3 inset;

    box-shadow:1px 1px 2px #B3B3B3 inset;

}

.message-form form textarea.form-control,

.message-form form textarea.form-control:focus {

    background:none repeat scroll 0 0 #F6F6F6;

    border:0 none;

    color:#A5A5A5;

    font-family:open sans;

    font-size:11px;

    font-weight:bold;

    margin-bottom:12px;

    text-transform:uppercase;

    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;

    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;

    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;

    -o-box-shadow:1px 1px 2px #B3B3B3 inset;

    box-shadow:1px 1px 2px #B3B3B3 inset;

}

.submit-btn {

    padding:5px 30px;

    border:0 none;

    color:#FFFFFF;

    float:right;

    font-family:open sans;

    font-size:11px;

    font-weight:600;

    line-height:30px;

    text-transform:uppercase;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.message-box-title.opened {

    width:100%;

}

/*** Recent Events ***/

.event {

    float:left;

    width:100%;

}

.event-thumb {

    float:left;

    width:100%;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.event-thumb > img {

    height: auto;

    width: 100%;

}

.counter {

    color: #FFFFFF;

    height: 44px;

    left: 0;

    margin-top: -17px;

    padding: 0 16px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 100%;

}

.countdown {

    display: table;

    padding: 4px 0;

    width: 100%;

    text-align:center;

}

.countdown li {

    display: table-cell;

    vertical-align: middle;

    width: 25%;

}

.countdown li span {

    float: left;

    font-family: open sans;

    font-size: 25px;

    line-height: 22px;

    width: 100%;

}

.countdown li p {

    float: left;

    font-family: roboto;

    font-size: 11px;

    letter-spacing: 0.2px;

    line-height: 11px;

    margin: 0 0 2px;

    text-transform: capitalize;

    width: 100%;

}

.event-intro {

    float:left;

    width:100%;

}

.event-intro > h5 {

    font-family: roboto;

    font-weight: 300;

    line-height: 10px;

    margin: 20px 0 10px;

}

.event-intro > h5 a {

    color: #666666;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}

.event-intro > a {

    color: #929292;

    font-family: roboto;

    font-size: 12px;

    margin-right: 20px;

}

.event-intro > a:last-child {

    margin-right: 0;

}

.event-intro > a span{

    color:#7c7c7c;

}

.event-intro > a i {

    margin-right:10px;

}

/*** Charity Video ***/

#carousel > div {

    float: left;

}

.desc > h3 {

    font-family:roboto;

    font-size:16px;

    font-weight:normal;

}

.desc > h3 a{

    color:#656565;

}

.desc > h3 a:hover{

    color:#2d2d2d;

}

.desc > p {

    color: #888888;

    font-family:open sans;

    font-size: 12px;

    line-height:20px;

    margin-top:20px;

}

.image {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.image:before ,

.image:after{

    content:"";

    width:0;

    height:100%;

    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    position:absolute;

    left:0;

    top:0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.image:after{

    left:auto;

    right:0;

}

.image:hover:before,

.image:hover:after{

    width:50%;

}

.image > a {

    width:40px;

    height:40px;

    border:1px solid #FCFBFA;

    text-align:center;

    z-index:1;

    position:absolute;

    top:42%;

    left:43%;

    opacity:0;

    filter:alpha(opacity = 0);

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transform:scale(2);

    -moz-transform:scale(2);

    -ms-transform:scale(2);

    -o-transform:scale(2);

    transform:scale(2);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.image:hover a{

    color:#FCFBFA;

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.image > a span i {

    float: left;

    width: 100%;

    text-align: center;

    -webkit-transform:scale(0);

    -moz-transform:scale(0);

    -ms-transform:scale(0);

    -o-transform:scale(0);

    transform:scale(0);

    -webkit-transition:all 0.4s ease 0.2s;

    -moz-transition:all 0.4s ease 0.2s;

    -ms-transition:all 0.4s ease 0.2s;

    -o-transition:all 0.4s ease 0.2s;

    transition:all 0.4s ease 0.2s;

}

.image:hover > a span i{

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.image a i {

    line-height:37px;

}

.image img{

    width:100%;

    height:auto;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

/*** //// FOOTER STYLING ///////

///////////////////////////////////////////// ***/

footer {

    float:left;

    width:100%;

    overflow:hidden;

    padding:55px 0 70px;

    position:relative;

    background:rgba(0, 0, 0, 0.9) url("../images/footer-bg.png") no-repeat scroll center center;

}

footer:before{

    content:"";

    width:100%;

    height:100%;

    background:none repeat scroll 0 0 rgba(34, 34, 34, 0.7);

    position:absolute;

    left:0;

    top:0;	

}

footer .container {

    padding:0;

}

.footer-widget-title {

    float:left;

    width:100%;

    padding-top:5px;

    margin-bottom:30px;

    overflow:hidden;

    position:relative;

}

.footer-widget-title h4 {

    color:#FFFFFF;

    float:left;

    font-family:roboto;

    font-size:20px;

    font-weight:300;

    letter-spacing:0.2px;

    line-height:20px;

    text-transform:uppercase;

    position:relative;

}

.footer-widget-title h4:after {

    content:"";

    width:100%;

    border-bottom:1px dotted #939292;

    position:absolute;

    bottom:0;

    right:-110%;

}

/*** People Reviews ***/

.footer_carousel {

    float:left;

    width:100%;

    position:relative;

}

.footer_carousel li {

    float:left;

    padding-left:2px;

}

.footer_carousel .flex-control-nav {

    bottom:-37px;

    margin:0;

    list-style:none;

    position:absolute;

    right:0;

    top:auto;

}

.footer_carousel .flex-control-nav li{

    float:left;

}

.footer_carousel .flex-control-nav a {

    float:left;

    height:5px;

    width:15px;

    background:none repeat scroll 0 0 #5B5A5A;

    margin-right:5px;

    color:transparent;

    cursor:pointer;

}

.footer_carousel .flex-control-nav li a.flex-active{

    background:#fff;

}

.footer_carousel .flex-direction-nav{

    display:none;

}

.review {

    float:left;

    margin-bottom:20px;

    position:relative;

}

.review:after{

    width:5px;

    height:5px;

    background:none repeat scroll 0 0 #6F6F6F;

    content:"";

    position:absolute;

    left:40px;

    bottom:-2px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

.review > p {

    border-left: 1px solid #6F6F6F;

    color: #bfbfbf;

    font-size: 12px;

    letter-spacing: 0.2px;

    line-height: 26px;

    margin-bottom: 0;

    padding-bottom: 10px;

    padding-left: 15px;

    padding-right: 10px;

    position: relative;

    font-family: roboto;

}

.review > p:before {

    content:"";

    height:5px;

    width:5px;

    background:none repeat scroll 0 0 #6F6F6F;

    position:absolute;

    left:-3px;

    top:0;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

.review > p:after {

    height:1px;

    width:40px;

    content:"";

    background:none repeat scroll 0 0 #6F6F6F;

    position:absolute;

    left:0;

    bottom:0;

}

.review span {

    color:#fff;

}

.review i {
    
    display: none;

    float:left;

    margin-right:5px;

    padding-left:15px;

    color:#fff;

    font-size:46px;

    font-style:normal;

    font-weight:bold;

    line-height:45px;

}


.from {

    color:#767575;

    font-family:roboto;

    font-size:12px;	

    float:left;

}

.from h6 {

    color:#cccccc;

    font-family:roboto;

    font-weight:800;

    text-transform:uppercase;

    margin-bottom:6px;

}

/*** Flickr Widget ***/

.flickr-images {

    float:left;

    margin-bottom:-20px;

    margin-left:-20px;

}

.flickr-images > a {

    float:left;

    width:74px;

    height:75px;

    margin-bottom:20px;

    margin-left:20px;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.flickr-images > a  img{

    width:100%;

    height:100%;

}

.flickr-images > a:before {

    content:"";

    height:100%;

    width:100%;

    position:absolute;

    top:0;

    left:0;

    opacity:0;

    filter:alpha(opacity = 0);

    -webkit-transition:all 0.3s ease 0.1s;

    -moz-transition:all 0.3s ease 0.1s;

    -ms-transition:all 0.3s ease 0.1s;

    -o-transition:all 0.3s ease 0.1s;

    transition:all 0.3s ease 0.1s;

}

.flickr-images > a:hover:before{

    opacity:0.5;

    filter:alpha(opacity = 100);

    -webkit-transition:all 0s ease 0s;

    -moz-transition:all 0s ease 0s;

    -ms-transition:all 0s ease 0s;

    -o-transition:all 0s ease 0s;

    transition:all 0s ease 0s;

}

/*** Contact Us ***/

.contact-details {

    float:left;

    list-style:none outside none;

}

.contact-details li span {

    color: #e2e2e2;

    float: left;

    font-family: roboto;

    font-size: 12px;

    font-weight: 600;

    line-height: 12px;

    margin-bottom: 10px;

    width: 100%;

    letter-spacing: 0.3px;

}

.contact-details li span i {

    color: #c0c0c0;

    font-size: 13px;

    margin-right: 10px;

}

.contact-details li p {

    color: #C0C0C0;

    float: left;

    font-family: roboto;

    font-size: 12px;

    margin-bottom: 20px;

    width: 100%;

}

.contact-details li p a{

    color: #C0C0C0;

}

/*** Newsletter ***/

.newsletter {

    float:left;

    padding:0 20px;

    position:relative;

    -webkit-border-radius:0 0 3px 3px;

    -moz-border-radius:0 0 3px 3px;

    -ms-border-radius:0 0 3px 3px;

    -o-border-radius:0 0 3px 3px;

    border-radius:0 0 3px 3px;

}

.newsletter > h4 {

    float:left;

    color:#FFFFFF;

    font-family:roboto;

    font-size:20px;

    position:relative;

    z-index:1;

}

.newsletter > h4 {

    color:#FFFFFF;

    float:left;

    font-family:roboto;

    font-size:20px;

    line-height:16px;

    margin-bottom:30px;

}

.newsletter > p {

    float:left;

    margin-bottom:25px;

    margin-top:-5px;

    color:#fbfbfb;

    font-family:roboto;

    font-size:12px;

}

.newsletter input, 

.newsletter input:focus {

    height:30px;

    margin-bottom:20px;

    border:0 none;

    color:#323131;

    font-family:roboto;

    font-size:11px;

    line-height:10px;

    background:#FFFFFF;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.newsletter:before {

    content:"";

    width:100%;

    height:100%;

    position:absolute;

    left:0;

    top:-99%;

}

.social-bar {

    float:left;

    width:100%;

    padding:20px 19px;

    list-style:none outside none;

}

.social-bar li {

    float:left;

    height:36px;

    width:36px;

    margin-right:11px;

    border-radius:3px;

    overflow:hidden;

}

.social-bar li:last-child{

    margin-right:0;

}

.newsletter-btn {

    float:left;

    width:100%;

    padding:20px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.newsletter-btn > input {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

    border: 1px solid rgba(255,255,255,0.3);

    color: #FFF;

    display: table;

    font-family: roboto;

    font-size: 11px;

    margin: 0 auto;

    padding: 8px 40px;

    text-transform: uppercase;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.newsletter-btn > input:hover {

    font-size:13px;

}

/*** FOOTER BOTTOM STRIP /////////

///////////////////////////////// ***/

.footer-bottom{

    float:left;

    width:100%;

    padding-bottom:24px;

    padding-top:28px;

    border-bottom:1px solid #fff;

    border-top:1px solid #171616;

    background:none repeat scroll 0 0 #323131;

}

.footer-bottom p {

    color:#cacaca;

    float:left;

    font-family:roboto;

    font-size:12px;

    line-height:14px;

    margin:0;

}

.footer-bottom p span {

    color:#fff;

    font-family:roboto;

    font-size:12px;

}

.footer-bottom ul {

    float:right;

}

.footer-bottom li {

    float:left;

    margin-left:35px;

}

.footer-bottom a {

    color: #BFBFBF;

    font-family: roboto;

    font-size: 12px;

    letter-spacing: 0.3px;

    text-transform: uppercase;

}

.footer-bottom a:hover {

    color:#fff;

}

/*** SEARCH RESULT FOUND /////////////

//////////////////////////////////////////////////// ***/

.top-image {

    float:left;

    width:100%;

}

.top-image > img {

    width:100%;

}

.inner-page {

    float:left;

    width:100%;

    margin-top:70px;

    margin-bottom:70px;

    position:relative;

}

.page-title {

    float:left;

    width:100%;

}

.page-title h1 {

    padding:20px 60px;

    color:#951b4f;

    float:left;

    font-family:roboto;

    font-size:30px;

    font-weight:300;

    line-height:23px;

    background:none repeat scroll 0 0 #FFFFFF;

    position:absolute;

    top:-122px;

    -webkit-border-radius:10px 10px 0 0;

    -moz-border-radius:10px 10px 0 0;

    -ms-border-radius:10px 10px 0 0;

    -o-border-radius:10px 10px 0 0;

    border-radius:10px 10px 0 0;

}

.page-title h1 span{

    font-weight:300;

}

.search-tabs {

    border:0 none;

    margin-bottom:30px;

}

.search-tabs li {

    margin-right:10px;

}

.search-tabs li a,

.search-tabs li a:hover

{

    background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.12, rgb(247,247,246)),

        color-stop(0.56, rgb(250,250,249))

        );

    padding:10px 40px;

    border-color:#E7E7E7;

    border-style:solid;

    border-width:2px 1px 1px;

    color:#8A8989;

    font-family:roboto;

    font-size:13px;

    line-height:10px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.search-tabs li.active a,

.search-tabs li.active a:hover,

.search-tabs li.active a:focus

{

    background:none;

    border-color:#E7E7E7;

    border-style:solid;

    border-width:2px 1px 1px;

    color:#fff;

    font-family:roboto;

    font-size:13px;

    line-height:10px;

    padding:10px 40px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

h3.search-title {

    color:#707070;

    font-family:roboto;

    font-size:16px;

    line-height:18px;

    margin-bottom:30px;

}

.search-image {

    float:left;

    width:100%;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.search-image img{

    width:100%;

    height:100%;

}

.search-image:before {

    height:100%;

    width:100%;	

    background:url("../images/link-arrow.png") no-repeat scroll center rgba(0, 0, 0, 0.6);

    content:"";

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transform:scale(0.3);

    -moz-transform:scale(0.3);

    -ms-transform:scale(0.3);

    -o-transform:scale(0.3);

    transform:scale(0.3);

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.search-image:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.search-detail {

    float:left;

    width:100%;

}

.search-detail > h4 {

    color:#97D360;

    font-family:roboto;

    font-size:22px;

    font-weight:300;

    letter-spacing:0.3px;

    line-height:30px;

    margin-top:10px;

}

.search-detail > h4 a{

    color:#656565;

}

.search-detail > h4 a:hover{

    color:#2d2d2d;

}

.search-detail > p {

    color:#858585;

    font-family:open sans;

    font-size:12px;

    letter-spacing:0.2px;

    line-height:20px;

    margin-top:20px;

}

/*** SEARCH RESULT NOT FOUND /////////

///////////////////////////////// ***/

.search-result > p {

    color:#929292;

    font-family:roboto;

    font-size:13px;

    line-height:11px;

    margin:0;

}

.search-bar {

    float:left;

    height:38px;

    width:100%;

    background:#fff;

    border:1px solid #E5E5E5;

    margin-top:30px;

    overflow:hidden;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

/*** GALLERY TWO COLUMN /////////////

//////////////////////////////////////////////////// ***/

.gallery-tabs {

    float:right;

    border:0 none;

    display:block;

    margin-bottom: 50px;

    z-index:0;

}

.gallery-tabs li {

    margin:0 25px 0 0;

}

.gallery-tabs li a, 

.gallery-tabs li a:focus, 

.gallery-tabs li a:hover, 

.gallery-tabs li.active a, 

.gallery-tabs li.active a:hover, 

.gallery-tabs li.active a:focus {

    background:none repeat scroll 0 0 transparent;

    border:0 none;

    color:#454545;

    font-family:roboto;

    font-size:13px;

    line-height:10px;

    padding:0;

}

.gallery-tabs li:last-child{

    margin:0;

}

.gallery-content {

    float: left;

    margin:0 0 -30px;

    width: 100%;

}

.gallery-content  .row > div{

    margin-bottom:30px;

}

.gallery-content .row > div.col-md-12 {

    display: table;

}

.gallery-image {

    float:left;

    overflow:hidden;

    position:relative;

    width:100%;

    -webkit-border-radius:4px 4px 0px 0px;

    -moz-border-radius:4px 4px 0px 0px;

    -ms-border-radius:4px 4px 0px 0px;

    -o-border-radius:4px 4px 0px 0px;

    border-radius:4px 4px 0px 0px;

}

.gallery-image:before {

    height:100%;

    width:100%;

    background:url("../images/gallery-hover.png") repeat scroll 0 0 transparent;

    background-size:100% 100%;

    content:"";

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    filter:alpha(opacity = 0);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.gallery-image:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

}

.gallery-image > span {

    bottom: 0;

    color: #FFFFFF;

    font-family: roboto;

    font-size: 11px;

    left: 0;

    line-height: 10px;

    max-width: 90%;

    overflow: hidden;

    padding: 10px 35px;

    position: absolute;

    text-overflow: ellipsis;

    white-space: nowrap;

    opacity:0.95;

    filter:alpha(opacity = 95);

    -webkit-border-radius:0 3px 0 0;

    -moz-border-radius:0 3px 0 0;

    -ms-border-radius:0 3px 0 0;

    -o-border-radius:0 3px 0 0;

    border-radius:0 3px 0 0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.gallery-image > span a {

    color: #FFFFFF;

}

.gallery-image:hover > span {

    width:200px;

    margin-left:-100px;

    padding:0;

    background:none repeat scroll 0 0 transparent;

    text-align:center;

    bottom:20%;

    left:50%;

}

.gallery-image img {

    width:100%;

}

.gallery-image a img {

    height: 70px;

    width: 70px;

}

.image-title {

    background: none repeat scroll 0 0 #FBFAFA;

    float: left;

    font-family: open sans;

    font-size: 14px;

    font-weight: 500;

    line-height: 10px;

    overflow: hidden;

    padding: 20px;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    -webkit-border-radius:0px 0px 4px 4px;

    -moz-border-radius:0px 0px 4px 4px;

    -ms-border-radius:0px 0px 4px 4px;

    -o-border-radius:0px 0px 4px 4px;

    border-radius:0px 0px 4px 4px;

}

.image-title  a{

    color:#707070;

}

.image-title  a:hover{

    color:#2d2d2d;

}

.gallery-image .image-lists {

    display:table;

    width:100%;

    margin:0 auto -32px;

    position:absolute;

    bottom:50%;

    -webkit-transform:rotateX(90deg);

    -moz-transform:rotateX(90deg);

    -ms-transform:rotateX(90deg);

    -o-transform:rotateX(90deg);

    transform:rotateX(90deg);

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;	

}

.gallery-image:hover .image-lists {

    -webkit-transform:rotateX(0deg);

    -moz-transform:rotateX(0deg);

    -ms-transform:rotateX(0deg);

    -o-transform:rotateX(0deg);

    transform:rotateX(0deg)

}

.image-lists > ul {

    display:table;

    margin:0 auto;

}

.image-lists ul > li {

    border:2px solid #878787;

    float:left;

    margin-right:10px;

    overflow:hidden;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.image-lists ul > li:last-child{

    margin-right:0;

}

.image-lists ul > li a{

    float:left;

    position:relative;

}

.image-lists ul > li a:before {

    content:"";

    height:100%;

    width:100%;

    background:url("../images/search.png") no-repeat scroll center;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transition:all 0.2s ease 0.2s;

    -moz-transition:all 0.2s ease 0.2s;

    -ms-transition:all 0.2s ease 0.2s;

    -o-transition:all 0.2s ease 0.2s;

    transition:all 0.2s ease 0.2s;

}

.image-lists ul > li a:hover:before{

    opacity:0.9;

    filter:alpha(opacity = 90);

    -webkit-transition:all 0s ease 0s;

    -moz-transition:all 0s ease 0s;

    -ms-transition:all 0s ease 0s;

    -o-transition:all 0s ease 0s;

    transition:all 0s ease 0s;

}

.image-lists ul > li .video-popup:before {

    background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);

    opacity: 1;

}

/*** GALLERY FOUR COLUMN /////////////

//////////////////////////////////////////////////// ***/

.gallery-content .col-md-3 .image-title {

    font-size:13px;

    padding:20px 15px;

}

/*** GALLERY WITH SIDEBAR /////////////

//////////////////////////////////////////////////// ***/

.left-content.nine-column .gallery-content {

    margin: 50px 0 0;

}

/*** OUR CAUSES PAGE /////////////

//////////////////////////////////////////////////// ***/

.causes-page .causes-image{

    float:left;

    width:100%;

    margin-bottom: 30px;

}

/*** ERROR 404 /////////////

//////////////////////////////////////////////////// ***/

.error-page {

    text-align:center;

}

.error-page h2 {

    font-family:roboto;

    font-size:225px;

    line-height:180px;

    margin-bottom:48px;

}

.error-page > p {

    color:#C3C3C3;

    font-family:roboto;

    font-size:36px;

    font-style:italic;

    font-weight:bold;

    line-height:25px;

}

.error-page > p span{

    font-weight:500;

    font-size:14px;

}

.error-page-search {

    float:left;

    width:100%;

    margin-bottom:-65px;

    margin-top:50px;

    padding-bottom:55px;

    background:none repeat scroll 0 0 #F8F7F7;

    text-align:center;

}

.error-page-search .search-bar {

    display:block;

    float:none;

    margin:30px auto;

}

.error-page-search h3 {

    color:#707070;

    font-family:roboto;

    font-size:16px;

    font-weight:500;

    line-height:18px;

    margin-bottom:20px;	

    text-transform:uppercase;

}

.error-page-search p {

    color:#848484;

    font-family:roboto;

    font-size:13px;

    line-height:12px;

    margin-bottom:30px;	

}

.error-page-search a {

    font-family:roboto;

    font-size:13px;

    line-height:11px;

    padding:5px 20px 5px 0;

}

.error-page-search a img {

    margin-left:10px;

    margin-top:-3px;

}

/*** ABOUT US /////////////

//////////////////////////////////////////////////// ***/

.about-charity {

    float:left;

    width:100%;

}

.about-charity-desc h2 {

    color:#707070;

    font-family:roboto;

    font-size:20px;

    font-weight:400;

    letter-spacing:0.2px;

    line-height:30px;

    text-transform:uppercase;

}

.about-charity-desc h2 span{

    color:#98d460;

    font-weight:300;

}

.about-charity-desc > p {

    color:#818181;

    font-family:open sans;

    font-size:13px;

    line-height:22px;

    margin-top:20px;

}

.about-charity-desc > ul {

    float:left;

    width:100%;

}

.about-charity-desc ul li {

    float:left;

    width:113px;

    min-height:125px;

    margin-right:45px;

    padding:35px 0;

    background:url("../images/hexagon-gray.png") no-repeat scroll 0 0 transparent;

    text-align:center;

}

.about-charity-desc li h6 {

    margin-bottom:10px;

    padding:0 10px;

    font-family:roboto;

    font-size:30px;

    font-weight:300;

    line-height:23px;

}

.about-charity-desc li span {

    float:left;

    width:100%;

    padding:0 13px;

    color:#CCCBCB;

    font-family:roboto;

    font-size:10px;

    text-transform:uppercase;

}

.about-charity-video{

    position:relative;

    float:left;

    width:100%;

    overflow:hidden;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.about-charity-video img {

    width:100%;

}

.about-charity-video:before {

    content:"";

    width:100%;

    height:100%;

    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transform:scale(0.3);

    -moz-transform:scale(0.3);

    -ms-transform:scale(0.3);

    -o-transform:scale(0.3);

    transform:scale(0.3);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.about-charity-video:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.about-charity-video a span {

    width:40px;

    height:40px;

    margin-top:-20px;

    margin-left:-20px;

    padding:10px;

    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    text-align:center;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:50%;

    top:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transform:scale(2);

    -moz-transform:scale(2);

    -ms-transform:scale(2);

    -o-transform:scale(2);

    transform:scale(2);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.about-charity-video a span i{

    color:#fff;

}

.about-charity-video:hover a span{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.staff {

    float: left;

    width: 100%;

    margin-bottom: -30px;

}

.staff-member {

    height:355px;

    float:left;

    width:100%;

    margin-bottom:30px;

    overflow:hidden;

    position:relative;

}

.staff-member > img {

    width:100%;

    height:270px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.staff-member:hover > img {

    margin-top:-30px;

}

.member-intro {

    float:left;

    width:100%;

    background:none repeat scroll 0 0 #FFFFFF;

    padding:17px 0;

    position:absolute;

    bottom:0;

    text-align:center;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.member-intro h3 {

    color: #707070;

    font-family: roboto;

    font-size: 16px;

    line-height: 21px;

    margin-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: 600;

}

.member-intro h3 a{

    color: #707070;

}

.member-intro > span {

    float: left;

    font-family: open sans;

    font-size: 12px;

    font-weight: 600;

    line-height: 19px;

    text-transform: uppercase;

    width: 100%;

}

.social-contacts {


    display:table;

    width:100%;

    margin:0 auto;

    background:#fff;

    position:absolute;

    bottom:-35px;

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.social-contacts ul {

    display:table;

    margin:0 auto;

}

.social-contacts ul li {

    float:left;

    height:35px;

    width:35px;

    border-bottom:2px solid #C8C8C8;

    margin-right:5px;

    overflow:hidden;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.social-contacts ul li:last-child{

    margin-right:0;

}

.social-contacts ul li img{

    width:100%;

    height:100%;

}

.staff-member:hover .member-intro {

    bottom:30px;

}

.staff-member:hover .social-contacts {

    bottom:0;

    opacity:1;

    filter:alpha(opacity=100);

}

/*** BLOG PAGE WITH SIDEBAR /////////////

//////////////////////////////////////////////////// ***/

.blog-post {

    float:left;

    width:100%;

    margin-bottom:30px;

    padding-bottom:30px;

    border-bottom:1px solid #E8E8E7;

}

.blog-post h2 {

    font-family: roboto;

    font-size: 22px;

    font-weight: 400;

    letter-spacing: 0.3px;

    margin-bottom: 15px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 28px;

}

.blog-post h2 a{

    color:#707070;

}

.blog-post h2 a:hover{

    color:#2d2d2d;

}

.blog-post-img {

    float:left;

    overflow:hidden;

    width:100%;

    position:relative;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.blog-post-img:before {

    height:100%;

    width:100%;

    content:"";

    background:url("../images/link-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0.6);

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    filter:alpha(opacity = 0);

    -webkit-transform:rotateY(76deg) skewX(60deg);

    -moz-transform:rotateY(76deg) skewX(60deg);

    -ms-transform:rotateY(76deg) skewX(60deg);

    -o-transform:rotateY(76deg) skewX(60deg);

    transform:rotateY(76deg) skewX(60deg);

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.blog-post-img:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:rotateY(0deg) skewX(0deg);

    -moz-transform:rotateY(0deg) skewX(0deg);

    -ms-transform:rotateY(0deg) skewX(0deg);

    -o-transform:rotateY(0deg) skewX(0deg);

    transform:rotateY(0deg) skewX(0deg);

}

.blog-post #layerslider-container-fw {

    overflow:hidden;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.blog-post img {

    height: auto;

    width: 100%;

}

.blog-post-img img{

    width:100%;

}

.blog-post-details {

    float:left;

    width:100%;

    margin-top:20px;

}

.post-meta {

    float:left;

    width:20%;

}

.post-meta {

    border-right: 1px solid #D1CFCF;

    float: left;

    margin-right: 3%;

    padding: 10px 0;

    position: relative;

    width: 20%;

}

.post-meta:before {

    height:15px;

    width:13px;

    margin-top:-10px;

    padding:10px 0;

    content:"";

    background:url("../images/diamond-narrow.jpg") no-repeat scroll 0 2px #FFFFFF;

    position:absolute;

    right:-7.5px;

    top:50%;

}

.post-meta > li {

    line-height: 10px;

    margin-bottom: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.post-meta > li:last-child{

    margin-bottom:0;

}

.post-meta > li, .post-meta > li a {

    color: #929292;

    font-family: roboto;

    font-size: 12px;

}

.post-meta > li a span{

    color:#7c7c7c;

}

.post-meta > li a i,

.post-meta > li i {

    margin-right:10px;

}

.post-desc {

    float: left;

    position: relative;

    width: 72%;

}

.post-desc > p {

    color:#858585;

    font-family:open sans;

    font-size:12px;

    line-height:22px;

    margin:20px 0;

}

.post-desc > p:first-child {

    margin-top: 0;

}

.post-desc .image-lists {

    float:right;

    margin-left:40px;

}

.pagination-area {

    float:left;

    width:100%;

    position:relative;

    margin-top:30px;

}

.pagination-area:before {

    width:100%;

    height:1px;

    background:none repeat scroll 0 0 #F8F8F8;

    content:"";

    z-index:-1;

    position:absolute;

    left:0;

    top:45%;

}

.pagination-buttons {

    width:72px;

    margin-left:-36px;

    margin-top:-2px;

    position:absolute;

    left:50%;

}

.pagination-buttons > a {

    float:left;

    width:30px;

    height:30px;

    margin:0 3px;

    text-align:center;

    background:none repeat scroll 0 0 #F8F8F8;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;	

}

.pagination-buttons > a i {

    color:#A4A4A4;

    line-height:30px;

}

.pagination-area > span {

    float:right;

    padding-left:10px;

    color:#858585;

    font-family:open sans;

    font-size:11px;

    line-height:30px;

    background:none repeat scroll 0 0 #FFFFFF;

    text-transform:uppercase;

}

.form {

    float: left;

    width: 100%;

}

pre {

    margin: 20px 0;

}

/*** SINGLE POST WITH IMAGE /////////////

//////////////////////////////////////////////////// ***/

.post > img, .post > a img {

    height: auto;

    margin-bottom: 20px;

    width: 100%;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;	

}

.vc_grid-filter { display:none;}

.category {
	
	display:none;

    float:left;

    width:100%;

    margin-bottom:20px;

    line-height:15px;

    color:#929292;

    font-family:roboto;

    font-size:11px;

    letter-spacing:0.3px;

}

.category a{

    color:#929292;

}

.post h1 {

    float:left;

    width:100%;

    color:#707070;

    font-family:roboto;

    font-size:22px;

    font-weight:400;

    line-height:17px;

    margin-bottom:30px;

}

.post > p {

    float:left;

    font-size:12px;

    color:#858585;

    font-family:open sans;

    line-height:22px;

    margin:10px 0;

}

.post-image-list {

    display:inline-block;

    margin:10px 0;

    width:100%;

}

.post-image {

    float:left;

    width:270px;

    height:157px;

    margin-right:30px;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.post-image:last-child {

    margin-right:0;

}

.post-image img{

    width:100%;

    height:100%;

}

.post-image:before {

    background:url("../images/zoom-icon.png") no-repeat scroll center center;

    content:"";

    height:100%;

    width:100%;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transition:all 0s ease 0.2s;

    -moz-transition:all 0s ease 0.2s;

    -ms-transition:all 0s ease 0.2s;

    -o-transition:all 0s ease 0.2s;

    transition:all 0s ease 0.2s;

}

.post-image:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.post .cloud-tags {

    margin:45px 0 0;

    width:100%;

}

.post .cloud-tags h3{

    margin:12px 20px 12px 0;

    float:left;

}

h3.sub-head {

    color:#2D2D2D;

    font-family:roboto;

    font-size:20px;

    font-weight:400;

    line-height:17px;

}

h3.sub-head span{

    font-weight:300;

    color:#83be4b;

}

.comments {

    float:left;

    margin-top:60px;

    width:100%;

}

.comments > ul {

    float:left;

    margin-top:55px;

    width:100%;

}

.comments ul li {

    float: left;

    margin-bottom: 60px;

    width: 100%;

}

.comments ul li .comment {

    border:1px solid #EBEBEB;

    display:block;

    padding:20px 20px 20px 120px;

    position:relative;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.comments li  .comment img {

    border:3px solid #F5ECEC;

    position:absolute;

    left:20px;

    top:-30px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.comments li  .comment h5 {

    color:#707070;

    font-family:roboto;

    font-size:12px;

    margin-bottom:15px;

}

.comments li  .comment i {

    color:#929292;

    display:block;

    font-family:roboto;

    font-size:11px;

    line-height:9px;

    margin-bottom:15px;

}

.comments li  .comment p {

    color:#969595;

    font-family:source sans pro;

    font-size:13px;

    letter-spacing:0.2px;

    margin-bottom:0;

}

.comments ul li ul {

    border-left: 1px solid #EBEBEB;

    float: left;

    margin: 30px 0 0 10%;

    padding: 26px 0 1px 60px;

    width: 90%;

}

.comments ul li ul li {

    margin-bottom:40px;

    position:relative;

}

.comments ul li ul li:before {

    width:5%;

    height:1px;

    border-bottom:1px dotted #e2e2e2;

    content:"";

    z-index:1;

    position:absolute;

    left:-7%;

    top:50%;

}

.comments .comment ul,

.comments .comment ol {

    border: 0 none;

    margin: 0;

    padding: 0;

}

.comments .comment ul li,

.comments .comment ol li {

    margin: 0;

}

.comments .comment ul li:before,

.comments .comment ol li:before {

    display: none;

}

.comments .comment ul ul,

.comments .comment ol ol {

    padding-left: 30px;

}

.comment-respond.message.form {

    margin-top: 30px;

}

.reply {

    background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.12, rgb(247,247,246)),

        color-stop(0.56, rgb(250,250,249))

        );

    border-top:2px solid #eceaea;

    border-left:1px solid #eceaea;

    border-right:1px solid #eceaea;

    border-bottom:1px solid #eceaea;

    color:#828282;

    font-family:roboto;

    font-size:11px;

    padding:4px 12px;

    position:absolute;

    right:20px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.reply:hover{

    background:none;

    color:#fff;

}

.reply a{

    color:#828282;

}

.reply:hover a{

    color:#FFF;

}

.form > p {

    color:#818181;

    font-family:Source Sans Pro;

    font-size:13px;

    line-height:10px;

    margin-bottom:0;

    margin-top:40px;

}

.form form {

    margin-top:35px;

}

.form form label {

    color:#929292;

    font-family:roboto;

    font-size:12px;

    font-weight:normal;

    line-height:10px;

    margin-bottom:15px;

}

.comment-form form label span{

    color:#98D460;

}

.input-field, 

.input-field:hover, 

.input-field:focus {

    height:33px;

    border:0 none;

    margin-bottom:20px;

    font-family:open sans;

    font-size:12px;

    background:none repeat scroll 0 0 #FAFAFA;

    width:100%;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;

    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;

    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;

    -o-box-shadow:1px 1px 3px #D5D5D5 inset;

    box-shadow:1px 1px 3px #D5D5D5 inset;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

textarea.input-field, 

textarea.input-field:hover, 

textarea.input-field:focus{

    height:auto;

}

.input-checkbox {

    float: left;

}

.payment_box.payment-desc.payment_method_cheque {

    float: left;

    width: 100%;

}

.co-form .input-text, .input-text,

.co-form .input-text:hover, .input-text:hover,

.co-form .input-text:focus, .input-text:focus {

    height:33px;

    border:0 none;

    margin-bottom:20px;

    font-family:open sans;

    font-size:12px;

    background:none repeat scroll 0 0 #FAFAFA;

    width:100%;

    padding:5px 10px;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;

    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;

    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;

    -o-box-shadow:1px 1px 3px #D5D5D5 inset;

    box-shadow:1px 1px 3px #D5D5D5 inset;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.co-form textarea.input-text, 

.co-form textarea.input-text:hover, 

.co-form textarea.input-text:focus{

    height:auto;

    min-height:200px;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;

    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;

    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;

    -o-box-shadow:1px 1px 3px #D5D5D5 inset;

    box-shadow:1px 1px 3px #D5D5D5 inset;

}

.form-button {

    border:0 none;

    color:#FFFFFF;

    float:left;

    font-family:arial;

    font-size:12px;

    padding:17px 30px;

    margin-top:20px;	

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.recaptchatable #recaptcha_response_field{padding:0 10px;}

/*** SINGLE POST WITH VIDEO /////////////

//////////////////////////////////////////////////// ***/

.post .video-post{

    margin-bottom:30px;

}

.video-post {

    position:relative;

    overflow:hidden;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.video-post:before {

    content:"";

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.8);

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    filter:alpha(opacity = 0);

    -webkit-transform:scale(0.3);

    -moz-transform:scale(0.3);

    -ms-transform:scale(0.3);

    -o-transform:scale(0.3);

    transform:scale(0.3);

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.video-post:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.video-post > img {

    width:100%;

}

.video-post > a {

    height:45px;

    width:45px;

    border:2px solid #FFFFFF;

    margin-left:-17px;

    text-align:center;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    top:45%;

    left:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transform:scale(2);

    -moz-transform:scale(2);

    -ms-transform:scale(2);

    -o-transform:scale(2);

    transform:scale(2);

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.video-post:hover a{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

} 

.video-post > a i {

    color:#FFFFFF;

    line-height:40px;

}

/*** SINGLE POST WITH SLIDER /////////////

//////////////////////////////////////////////////// ***/

.post-slider {

    position: relative !important;

    margin-bottom:30px;

float: left !important;

width: 100% !important;

left: 0% !important;



}

/*** PROJECT SINGLE POST  /////////////

//////////////////////////////////////////////////// ***/

.post-meta > li p {

    float:left;

    width:100%;

    color:#ADACAC;

    font-family:roboto;

    font-size:20px;

    font-weight:500;

    line-height:15px;

    margin-top:10px;

    padding-left:20px;

}

.post-meta li > span {

    margin:0 auto;

    padding:7px 15px;

    color:#FFFFFF;

    float:left;

    font-family:roboto;

    font-size:12px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.post-meta li > span button {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 0 none;

    color: #FFFFFF;

    padding: 0;

}

/*** CONTACT PAGE  /////////////

//////////////////////////////////////////////////// ***/

.contact-info iframe {

    width:100%;

    height:182px;

    border:0 none;

    margin-top:40px;

    -webkit-box-shadow:0 0 2px #999999;

    -moz-box-shadow:0 0 2px #999999;

    -ms-box-shadow:0 0 2px #999999;

    -o-box-shadow:0 0 2px #999999;

    box-shadow:0 0 2px #999999;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.contact-info > p {

    color:#818181;

    font-family:open sans;

    font-size:13px;

    line-height:22px;

    margin-top:20px;

}

.contact-info .contact-details {

    margin-top:20px;

    width:100%;

}

.contact-info .contact-details > li {

    float:left;

    width:50%;

}

.contact-info .contact-details li span {

    color:#818181;

    font-weight:500;

}

.social-connect {

    float:left;

    width:100%;

    margin:70px 0 0;

    position:relative;

    border-top:1px solid #d6d6d6;

    background:url("../images/pattern.jpg") repeat scroll 0 0 transparent;

}

.social-connect h3 {

    float:left;

    width:50%;

    color:#707070;

    margin:40px 0;

    font-family:roboto;

    font-size:30px;

    font-weight:600;

    line-height:28px;

}

.social-connect h3 span {

    color:#98D460;

    font-size:20px;

    text-transform:uppercase;

}

.social-connect .social-bar {

    float:right;

    width:50%;

    margin:34px 0;

    padding:0;

}

.work-section {

    background: none repeat scroll 0 0 #f9f9f9;

    margin-bottom: -80px;

    margin-top: 0;

    padding-bottom: 70px;

}

.working {

    float: left;

    width: 100%;

}

.working > p {

    color:#818181;

    font-family:open sans;

    font-size:13px;

    margin-top:20px;

}

.countries {

    float:left;

    width:100%;

    margin-top:30px;

}

.countries li {

    float:left;

}

.countries img {

    width: 100%;

    height:auto;

}

.countries .flex-direction-nav {

    position: absolute;

    right:15px;

    top: 0px;

}

.countries .flex-direction-nav li{

    float:left;

    margin:0 4px;

}

.countries .flex-direction-nav li a{

    background:url("../images/carousel-arrows.png") no-repeat scroll 5px -2px #4A4A4A;

    float:left;

    width:25px;

    height:25px;

    color:transparent;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.countries .flex-direction-nav li a.flex-next{

    background-position:-42px -3px;

}

/*** CAPTCHA ***/

#recaptcha_area, #recaptcha_table {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    width: 100% !important;

}

.form form #recaptcha_area,.form form  #recaptcha_table{

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    width: 100% !important;

}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.form .recaptcha_input_area {

    float: left;

    margin: 0 !important;

    width: 100% !important;

}

.form .recaptcha_theme_red #recaptcha_response_field {

    border: none;

}

.form .recaptcha_theme_red #recaptcha_response_field {

    background: none repeat scroll 0 0 #FAFAFA;

    border-radius: 2px;

    box-shadow: 0 0 3px #DCDCDC inset;

    float: left;

    font-family: roboto;

    height: 30px;

    padding: 0 10px !important;

    width: 100% !important;

}

.form .recaptchatable .recaptcha_r4_c1 {

    width: 100% !important;

}

.recaptcha_only_if_privacy {

    display: none;

}

/*** EVENTS PAGE  /////////////

//////////////////////////////////////////////////// ***/

.event-post-image {

    float:left;

    position:relative;

    border-radius:4px;

    overflow:hidden;

    margin-bottom:30px;

    width:100%;

}

.event-post-image img {

    height: 100%;

    width: 100%;

}

.event-post-image:before {

    height:3px;

    width:100%;

    content:"";

    position:absolute;

    bottom:0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.event-post-image:after {

    content:"";

    width:0;

    height:0;

    border-bottom:50px solid;

    border-right:50px solid transparent;

    position:absolute;

    left:0;

    bottom:0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.event-post-image:hover:before,

.event-post-image:hover:after,

.event-post-image:hover i{

    opacity:0;	

    filter:alpha(opacity = 0);

}

.event-post-image i {

    color:#FFFFFF;

    z-index:1;

    position:absolute;

    left:12px;

    bottom:8px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.event-post-detail {

    float:right;

    margin-bottom:30px;

}

.event-post-detail h2 {

    font-family:roboto;

    font-size:16px;

    font-weight:400;

    margin-top:20px;

}

.event-post-detail h2 a{

    color:#707070;

}

.event-post-detail h2 a:hover{

    color:#2d2d2d;

}

.event-post-detail .post-meta:before {

    display:none;

}

.event-post-detail .post-meta {

    border:0 none;

    padding:20px 0;

    width:100%;

}

.event-post-detail > p {

    color:#858585;

    float:left;

    font-family:open sans;

    font-size:12px;

    letter-spacing:0.2px;

    line-height:20px;

    margin-top:-5px;

    width:100%;

}

.event-post-image span {

    background:url("../images/link-arrow.png") no-repeat scroll center center;

    height:100%;

    width:30%;

    opacity:0.9;	

    filter:alpha(opacity = 90);

    position:absolute;

    right:-30%;

    top:0;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.event-post-image:hover  span {

    right:0;

}

.map {

    left:0;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.event-post-image:hover .map{

    opacity:0.9;

    filter:alpha(opacity = 90);

}

/*** ELEMENTS PAGE  /////////////

//////////////////////////////////////////////////// ***/

.element {

    float:left;

    margin:0 0 40px;

    width:100%;

}

/*** TABS ***/

.theme-tabs .nav {

    border:0 none;

}

.theme-tabs .nav li{

    margin:0;

}

.theme-tabs .nav li a,

.theme-tabs .nav li a:hover {

    margin:0;

    padding:15px 24px;

    border-left:1px solid #D1D7DC;

    border-top:1px solid #D1D7DC;

    border-bottom:1px solid #D1D7DC;

    border-right:0 none;

    color:#707070;

    font-family:roboto;

    font-size:13px;

    font-weight:400;

    line-height:10px;

    background:none repeat scroll 0 0 #FCFAFA;

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -ms-border-radius:0;

    -o-border-radius:0;

    border-radius:0;

}

.theme-tabs .nav li:last-child a{

    border-right:1px solid #D1D7DC;

}

.theme-tabs .nav li.active a,

.theme-tabs .nav li.active a:hover,

.theme-tabs .nav li.active a:focus{

    padding:20px 24px;

    margin-top:-9px;

    background:#fff;

    border-left:1px solid;

    border-top:1px solid;

    border-right:1px solid;

    border-bottom:0 none;

    margin-right:-1px;

    z-index:1;

}

.theme-tabs .tab-content {

    margin-top:-1px;

    padding:40px 30px;

    border:1px solid #D1D7DC;

    float:left;

    width:100%;

}

.theme-tabs p {

    color:#858585;

    font-family:open sans;

    font-size:12px;

    line-height:24px;

    margin:0;

}

/*** TABS LEFT OR RIGHT ***/

.side-tabs {

    float: left;

    width: 100%;

}

.tabs-left .nav {

    float: left;

}

.tabs-left .tab-content{

    float: right;

}

.tabs-left .nav li a, 

.tabs-left .nav li a:hover, 

.tabs-left .nav li a:focus {

    border-right:4px solid #fff;

    border-left:0;

    border-top:0;

    border-bottom:0;

}

.tabs-right .nav {

    float: right;

}

.tabs-right .tab-content{

    float: left;

}

.tabs-right .nav li a, 

.tabs-right .nav li a:hover, 

.tabs-right .nav li a:focus {

    border-left:4px solid #fff;

    border-right:0;

    border-top:0;

    border-bottom:0;

}

.side-tabs .nav{

    width: 30%;

    border:0;

}

.side-tabs .nav li {

    width: 100%;

}

.side-tabs .nav li{

    margin:0 0 5px 0;

}

.side-tabs .nav li a, 

.side-tabs .nav li a:hover, 

.side-tabs .nav li a:focus {

    background: none repeat scroll 0 0 #FCFAFA;

    color: #707070;

    font-family: roboto;

    font-size: 13px;

    margin: 0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -ms-border-radius:0;

    -o-border-radius:0;

    border-radius:0;

}

.side-tabs .nav li.active a,

.side-tabs .nav li.active a:hover,

.side-tabs .nav li.active a:focus {

    border-color:#fcfafa;

}

.side-tabs .tab-content {

    background: none repeat scroll 0 0 #FCFAFA;

    padding: 55px 30px;

    width: 70%;

}

.side-tabs .tab-content p {

    color: #858585;

    font-family: open sans;

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 0;

    margin-top: -5px;

}

/*** BOTTOM TABS ***/

.theme-tabs.tabs-bottom .tab-content{

    margin-bottom:-1px;

    margin-top:0;

}

.theme-tabs.tabs-bottom .nav li.active a, 

.theme-tabs.tabs-bottom .nav li.active a:hover, 

.theme-tabs.tabs-bottom .nav li.active a{

    margin-top:0;

    border-bottom:1px solid;

    border-top:0;

} 

/*** BOXED QUOTE ***/

.boxed-quote {

    background: none repeat scroll 0 0 transparent;

    border: 1px solid #D1D7DC;

    margin: 0 20px 0 0;

    padding: 35px 60px;

    width: 370px;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -ms-border-radius:0;

    -o-border-radius:0;

    border-radius:0;

}

blockquote i {

    font-size: 16px;

    margin: 0 10px;

}

.element h3 {

    margin-bottom:30px;

}

/*** ACCORDIONS ***/

.accordion_toggle {

    float:left;

    margin-bottom:5px;

    width:100%;

}

.accordion_toggle > a {

    width:100%;

    float:left;

    border-top:2px solid #dbdbdb;

    color:#707070;

    font-family:roboto;

    font-size:13px;

    line-height:40px;

    overflow:hidden;

    background:none repeat scroll 0 0 #FAF9F9;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.accordion_toggle a span {

    background:none repeat scroll 0 0 #eeecec;

    color:#a2a2a2;

    float:left;

    margin-right:20px;

    text-align:center;

    width:40px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.accordion_toggle.current > a{

    border-top:2px solid;

}

.accordion_toggle.current > a span{

    color:#fff;

}

.accordion_content {

    float:left;

    width:100%;

}

.accordion_content > p {

    margin:10px 0;

    padding:0 20px 0 60px;

    color:#929292;

    font-family:open sans;

    font-size:12px;

    line-height:22px;

}

/*** LISTS ***/

.theme-list li {

    color:#858585;

    font-family:roboto;

    font-size:13px;

    font-weight:400;

    line-height:28px;

}

.theme-list li i {

    float:left;

    width:10px;

    line-height:28px;

    margin-right:10px;

}

.theme-list li i.icon-angle-right:first-child {

    margin: 0;

    width: auto;

}

.theme-list li i.icon-angle-left:first-child {

    margin: 0;

    width: auto;

}

/*** DROPCAP VARIATIONS ***/

.cap {

    float: left;

    font-size: 40px;

    line-height: 40px;

    margin-right: 15px;

}

.cap.coloured-invert {

    color: #FFFFFF;

    padding: 0 2px;

}

.social-icons {

    float: left;

    width: 100%;

}

.social-icons > li {

    float: left;

    height: 30px;

    margin-bottom: 30px;

    margin-right: 40px;

    width: 30px;

}

.social {

    background: url("../images/social-icons.png") no-repeat transparent;

    float: left;

    height: 100%;

    width: 100%;

}

.social.facebook{

    background-position:0 0;

}

.social.flickr{

    background-position:-70px 0;

}

.social.forst{

    background-position:-140px 0;

}

.social.google-plus{

    background-position:-210px 0;

}

.social.blogger{

    background-position:-280px 0;

}

.social.lastfm{

    background-position:-350px 0;

}

.social.linkedin{

    background-position:-420px 0;

}

.social.wordpress{

    background-position:0 -66px;

}

.social.twitter{

    background-position:-70px -66px;

}

.social.tumbler{

    background-position:-140px -66px;

}

.social.digg{

    background-position:-210px -66px;

}

.social.dribble{

    background-position:-280px -66px;

}

.social.behance{

    background-position:-350px -66px;

}

.social.addthis{

    background-position:-420px -66px;

}

.social.sharethis{

    background-position:0 -126px;

}

.social.rss{

    background-position:-70px -126px;

}

.social.skype{

    background-position:-140px -126px;

}

.social.deliciou{

    background-position:-210px -126px;

}

.social.stumble{

    background-position:-280px -126px;

}

.social.vimeo{

    background-position:-350px -126px;

}

.social.virb{

    background-position:-420px -126px;

}

.social.grooveshark{

    background-position:0 -192px;

}

.social.mail{

    background-position:-70px -192px;

}

.social.infinte{

    background-position:-140px -192px;

}

.social.instagram{

    background-position:-210px -192px;

}

.social.evernote{

    background-position:-280px -192px;

}

.social.path{

    background-position:-350px -192px;

}

.social.myspace{

    background-position:-420px -192px;

}

.social-gray {

    background: url("../images/social-gray.png") no-repeat transparent;

    float: left;

    height: 100%;

    width: 100%;

}

.social-icons.gray li {

    background: none repeat scroll 0 0 #3F3F3F;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.social-gray.play {

    background-position: 7px 5px;

}

.social-gray.google-plus {

    background-position:-64px 6px;

}

.social-gray.facebook {

    background-position:-134px 6px;

}

.social-gray.tumbler {

    background-position:-206px 6px;

}

.social-gray.twitter {

    background-position:-279px 6px;

}

.social-gray.sharethis {

    background-position:-350px 6px;

}

.social-gray.msn {

    background-position:-421px 6px;

}

.social-gray.flickr {

    background-position:-493px 6px;

}

.social-gray.linkedin {

    background-position:-564px 6px;

}

.social-gray.vimeo {

    background-position:-635px 6px;

}

.social-gray.gtalk {

    background-position:7px -59px;

}

.social-gray.skype {

    background-position:-134px -59px;

}

.social-gray.found {

    background-position:-206px -59px;

}

.social-gray.rss {

    background-position:-278px -59px;

}

.social-gray.buzz {

    background-position:-349px -59px;

}

.social-gray.yahoomessanger {

    background-position:-422px -59px;

}

.social-gray.yahoo {

    background-position:-494px -59px;

}

.social-gray.digg {

    background-position:-564px -59px;

}

.social-gray.deleciou {

    background-position:8px -119px;

}

.social-gray.upcoming {

    background-position:-63px -119px;

}

.social-gray.aim {

    background-position:-135px -119px;

}

.social-gray.myspace {

    background-position:-563px -119px;

}

.social-gray.wikipedia {

    background-position:-635px -119px;

}

.social-gray.vcard {

    background-position:-207px -184px;

}

.social-gray.picasa {

    background-position:-135px -184px;

}

.social-gray.dribble {

    background-position:7px -184px;

}

.social-gray.netvibes {

    background-position:-278px -184px;

}

.social-gray.deviantart {

    background-position:-564px -184px;

}

.social-gray.fireeagle {

    background-position:-422px -184px;

}

.social-gray.itunes {

    background-position:-64px -184px;

}

.social-gray.lastfm {

    background-position:-494px -119px;

}

.social-gray.amazon {

    background-position:-422px -118px;

}

.social-gray.reddit {

    background-position:-279px -118px;

}

.social-gray.stumble {

    background-position:-352px -118px;

}

.social-gray.digg2 {

    background-position:-634px -60px;

}

.social-gray.orkut {

    background-position:-635px -184px;

}

/*** ALIGNED IMAGES ***/

.aligned img {

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.aligned {

    float: left;

}

.aligned.right {

    text-align: right;

}

.aligned.right img{

    margin-left:15px;

}

.aligned.left {

    text-align:left;

}

.aligned.left img{

    margin-right:15px;

}

.aligned h5 {

    color: #5D5D5D;

    font-family: roboto;

    font-size: 16px;

    margin-bottom: 20px;

}

/*** PROGRESS BARS ***/

.progress-report .progress {

    float: left;

    width: 100%;

    margin-bottom:25px;

}

.progress-report > h6 {

    float: left;

}

.progress-report > span {

    float: right;

}

.progress-report > h6 {

    color: #707070;

    float: left;

    font-family: roboto;

    font-size: 13px;

    font-weight: 400;

    line-height:30px;

}

.progress-report > span {

    color: #707070;

    float: right;

    font-family: roboto;

    font-size: 13px;

    font-weight: 600;

    margin-right: 40px;

    line-height:30px;

}

.progress-report {

    float: left;

    width: 100%;

}

.progress-report .progress {

    background: none repeat scroll 0 0 #FCFBFB;

    border: 1px solid #DDDCDC;

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    -ms-border-radius:20px;

    -o-border-radius:20px;

    border-radius:20px;

    -webkit-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

    -moz-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

    -ms-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

    -o-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

    box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

}

.progress-report .progress.pattern{

    background:url("../images/pattern2.png") repeat scroll 0 0 / 10% auto #FCFBFB;

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    -moz-animation: progress-bar-stripes 2s linear infinite;

    -ms-animation: progress-bar-stripes 2s linear infinite;

    -o-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite;

}

.progress.pattern .progress-bar {

    opacity: 0.6;

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    -ms-border-radius:20px;

    -o-border-radius:20px;

    border-radius:20px;

}

.progress-report .progress.simple{

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.simple .progress-bar {

    position: relative;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.progress-bar span {

    color: #FFFFFF;

    font-family: roboto;

    font-size: 11px;

    position: absolute;

    right: 15px;

    top: 1px;

}

.yellow{

    background:none no-repeat scroll 0 0 #fbb450;

}

.red{

    background:none no-repeat scroll 0 0 #dc504b;

}

.lightblue{

    background:none no-repeat scroll 0 0 #52b8d6;

}

/*** PRICE TABLE ***/

.price-table {

    display: table;

    margin: 30px auto 0;

}

.price-table > ul {

    border: 1px solid #B7B7B7;

    float: left;

    width: 255px;

    overflow:hidden;

    margin-right:10px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.price-table > ul:hover {

    -webkit-box-shadow: 0 0 5px #C7C7C7;

    -moz-box-shadow: 0 0 5px #C7C7C7;

    -ms-box-shadow: 0 0 5px #C7C7C7;

    -o-box-shadow: 0 0 5px #C7C7C7;

    box-shadow: 0 0 5px #C7C7C7;

}

.price-table > ul:last-child{

    margin-right:0;

}

.price-table li.table-head {

    background: none repeat scroll 0 0 #727272;

    color: #FFFFFF;

    padding: 35px 20px 25px;

    text-align: center;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.table-head > h3 {

    font-family: roboto;

    font-size: 24px;

    font-weight: 700;

    line-height: 16px;

    margin-bottom: 10px;

}

.table-head > span {

    color: #FFF3F3;

    float: left;

    font-family: roboto;

    font-size: 12px;

    line-height: 12px;

    width: 100%;

}

.price-table ul li.table-desc {

    background:#fff;

    padding: 20px;

    text-align: center;

}

.table-desc p{

    margin:0;

}

.price-table li {

    background: none repeat scroll 0 0 #F9F8F8;

    border-top: 1px solid #E7E7E7;

    color: #828282;

    float: left;

    font-family: open sans;

    font-size: 12px;

    line-height: 10px;

    padding: 20px 20px 20px 50px;

    width: 100%;

}

.price-table li i{

    font-size:16px;

    margin-right:10px;

}

.price-table li:nth-child(2n+2) {

    background: none repeat scroll 0 0 #F4F3F3;

}

.price-table li.price-per-year {

    background: url("../images/pattern2.png") repeat scroll 0 0 / 31% auto #E9E9E9;

    border-top: 1px solid #FFFFFF;

    font-family: open sans;

    font-size: 26px;

    font-weight: bold;

    line-height: 20px;

    padding: 10px 20px;

    text-align: center;

    color:#555555;

}

.price-table li.price-per-year i {

    font-size: 18px;

    font-style: normal;

    margin:0;

}

.price-per-year > span {

    color: #6A6A6A;

    font-family: roboto;

    font-size: 14px;

    font-weight: normal;

}

.price-table li.table-btn {

    padding: 10px 20px;

}

.price-table li.table-btn a {

    background: none repeat scroll 0 0 #686868;

    border: 1px solid #686868;

    color: #FFFFFF;

    float: left;

    font-family: roboto;

    font-weight: 600;

    padding: 12px 10px;

    text-align: center;

    width: 100%;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-box-shadow: 0 1px 1px #BDBDBD inset;

    -moz-box-shadow: 0 1px 1px #BDBDBD inset;

    -ms-box-shadow: 0 1px 1px #BDBDBD inset;

    -o-box-shadow: 0 1px 1px #BDBDBD inset;

    box-shadow: 0 1px 1px #BDBDBD inset;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

/*** ALERT BOXES ***/

.alert-box {

    overflow:hidden;

    padding:12px 20px;

    border:1px solid;

    margin-bottom:20px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.alert-box:last-child {

    margin-bottom:0;

}

.alert-box i {

    float:left;

    font-size:20px;

    margin-right:20px;

}

.element .alert-box > h4 {

    float:left;

    width:auto;

    font-family:roboto;

    font-size:14px;

    font-weight:600;

    letter-spacing:0.2px;

    line-height:20px;

    margin:0;

}

.alert-box > h4 span {

    font-size:12px;

    font-weight:300;

}

.warning{

    background:#faf9f9;

    border-color:#98d460;

    color:#98d460;

}

.cancel{

    background:#d9edf7;

    border-color:#0078c0;

    color:#0078c0;

}

.attention{

    background:#fce6e9;

    border-color:#ef3363;

    color:#ef3363;

}

.alert-error{

    background:#fce6e9;

    border-color:#ef3363;

    color:#ef3363;

}

.done{

    background:#e1eec9;

    border-color:#45a945;

    color:#45a945;

}

/*** HIGHLIGHTED TEXT ***/

.highlight {

    color:#858585;

    font-family:open sans;

    font-size:12px;

    letter-spacing:0.2px;

    line-height:22px;

    margin-top:-7px;

}

.highlight > span {

    color:#FFFFFF;

    padding:0 10px;

}

.highlight.rounded > span {

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    -ms-border-radius:20px;

    -o-border-radius:20px;

    border-radius:20px;

}

/*** BUTTONS ***/

.buttons-column {

    float:left;

    margin-bottom:30px;

    width:100%;

}

.buttons-column .theme-btn{

    margin-right:30px;

}

.theme-btn {

    border:1px solid #D8B1B1;

    float:left;

    color:#fff;

    font-weight:bold;

    font-family:roboto;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.small {

    line-height:35px;

    padding:0 19px;

    font-size:12px;

}

.medium {

    line-height:45px;

    padding:0 30px;

    font-size:12px;

}

.large {

    line-height:45px;

    padding:0 43px;

    font-size:12px;

}

.skyblue{

    background-image:linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-o-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-moz-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-webkit-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-ms-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.31, rgb(98,206,222)),

        color-stop(0.74, rgb(152,224,234))

        );

    background-color:#6ad0e0;

}

.green{

    background-image:linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-o-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-moz-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-webkit-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-ms-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.25, rgb(99,168,2)),

        color-stop(0.85, rgb(155,201,2))

        );

    background-color:#72b102;

}

.dodgerblue{

    background-image:linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-o-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-moz-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-webkit-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-ms-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.44, rgb(73,167,184)),

        color-stop(0.85, rgb(116,201,210))

        );

    background-color:#5eb9c5;

}

.blue{

    background-image:linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-o-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-moz-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-webkit-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-ms-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.44, rgb(37,150,231)),

        color-stop(0.85, rgb(54,184,239))

        );

    background-color:#2da6eb;

}

.limegreen{

    background-image:linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-o-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-moz-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-webkit-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-ms-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.44, rgb(132,204,78)),

        color-stop(0.85, rgb(172,220,114))

        );

    background-color:#85cc4e;

}

.silver{

    background-image:linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-o-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.44, rgb(240,240,240)),

        color-stop(0.85, rgb(246,246,246))

        );

    background-color:#f0f0f0;

    color:#8c8c8c;

}

.element h4 {

    float:left;

    width:100%;

    margin:10px 0;

    color:#707070;

    font-family:roboto;

    font-size:18px;

}

.element p {

    color:#828282;

    font-family:open sans;

    font-size:12px;	

    line-height:22px;

}

/*** CART PAGE /////////

///////////////////////////////// ***/

.cart-table{

    float:left;

    width:100%;

}

.cart-head {

    background-image:linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-o-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-moz-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-webkit-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-ms-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0, rgb(232,234,235)),

        color-stop(0.5, rgb(237,237,238))

        );

    border:1px solid #D2D5D7;

    float:left;

    width:100%;

    text-align:center;

    -webkit-border-radius:4px 4px 0 0;

    -moz-border-radius:4px 4px 0 0;

    -ms-border-radius:4px 4px 0 0;

    -o-border-radius:4px 4px 0 0;

    border-radius:4px 4px 0 0;

}

.cart-head h2 {

    float:left;

    padding:24px 0 20px;

    color:#5B5B5B;

    font-family:roboto;

    font-size:16px;

    font-weight:500;

    line-height:12px;

}

.cart-head h2 a{

    color:#5B5B5B;

}

.product {

    width:40%;

}

.price {

    width:20%;

}

.cart-head h2.quantity {

    text-align:center;

    width:20%;

}

.total {

    width:20%;

}

.cart-table > ul {

    float:left;

    width:100%;

    border-top:0;

    border-left:1px solid #e6e6e6;

    border-right:1px solid #e6e6e6;

    border-bottom:1px solid #e6e6e6;

    position:relative;

    -webkit-border-radius:0 0 4px 4px;

    -moz-border-radius:0 0 4px 4px;

    -ms-border-radius:0 0 4px 4px;

    -o-border-radius:0 0 4px 4px;

    border-radius:0 0 4px 4px;

}

.cart-table li {

    float:left;

    width:100%;

    line-height:10px;

    background:none repeat scroll 0 0 #FCFCFC;

    border-bottom:1px solid #E0E0E0;

}

.cart-table li:last-child {

    border-bottom:0 none;

    padding:10px 20px;

    -webkit-border-radius:0 0 4px 4px;

    -moz-border-radius:0 0 4px 4px;

    -ms-border-radius:0 0 4px 4px;

    -o-border-radius:0 0 4px 4px;

    border-radius:0 0 4px 4px;

}

.cart-table li > div {

    float:left;

    min-height:57px;

    padding:10px 0;

    border-right:1px solid #E0E0E0;

}

.product i {

    float:left;

    margin:5px 0 0 30px;

    color:red;

}

.cart-table li > .product > h6 {

    float:left;

    margin-left:30px;

}

.product > img {

    float: right;

    height: 35px;

    margin-right: 10px;

    width: 40px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}

.cart-table li > div h6 {

    color:#555555;

    font-family:roboto;

    font-size:13px;

    line-height:25px;

    text-align:center;

}

.cart-table li > div.quantity {

    padding: 12px 59px;

    position: relative;

    width: 20%;

}

.quantity.buttons_added input.minus, .quantity.buttons_added input.plus {

    border: 1px solid #C7C0C7;

    float: left;

    height: 30px;

    position: relative;

    width: 30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}

.quantity.buttons_added input.input-text {

    border-bottom: 1px solid #C7C0C7 !important;

    border-left: 0 none !important;

    border-top: 1px solid #C7C0C7 !important;

    display: table;

    height: 30px !important;

    margin: 0 -3px;

    width: 60px;

}

.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty{

    border:1px solid #C7C0C7;

}

.woocommerce-message:before {

    background-color: #8FAE1B;

    content: "\2713";

    height: 100%;

    left: 0;

    width: 40px;

}

select {

    border: 1px solid #C6DADE;

    height: 30px;

    padding: 4px 10px;

    width: 100%;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.cart-table li:nth-child(2n+2) {

    background:none repeat scroll 0 0 #F9F8F8;

}

.cart-table li:last-child input {

    float:left;

    height:30px;

    width:170px;

    margin-right:20px;

    padding:5px 10px;

    border:1px solid #C6DADE;

    font-family:roboto;

    font-size:12px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.cart-btn {

    padding:10px 15px;

    margin:0 4px;

    border:1px solid #D7AFAF;

    color:#FFFFFF;

    font-family:roboto;

    font-size:12px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.cart-total {

    float:right;

    width:51%;

    margin-top:30px;

}

.cart-total .cart-head h2 {

    float:none;

}

.cart-total.cart-table li {

    padding:20px 15px;

}

.cart-total p {

    float:left;

    width:50%;

    margin:0;

    color:#5B5B5B;

    font-family:roboto;

    font-size:12px;

    font-weight:500;

}

.cart-total span {

    float:right;

    width:50%;

    text-align:center;

}

.cart-shipping {

    float:right;

    width:51%;

    margin-top:30px;

}

.cart-shipping .cart-head h2 {

    float:none;

}

.cart-shipping.cart-table li {

    padding:10px 15px;

}

.cart-shipping.cart-table input {

    float:left;

    height:30px;

    width:100% !important;

    margin-right:20px;

    padding:5px 10px;

    border:1px solid #C6DADE;

    font-family:roboto;

    font-size:12px;

    color:#EBEBEB;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.cart-shipping.cart-table input[type="text"] {

    box-shadow: none;

    color: #AAAAAA;

    height: 35px;

    margin: 0;

}

.notes {

    float:left;

    width:100%;

    margin-top:20px;

}

.cart-total.cart-table.order {

    width:100%;

}

.cart-total.order .cart-head h2 {

    float:left;

    width:50%;

}

.payment li {

    float:left;

    margin-bottom:25px;

    width:100%;

}

.payment ul li input {

    float:left;

    curosr:pointer;

    height:30px!important;

}

.payment ul li label {

    color:#929292;

    curosr:pointer;

    float:left;

    font-family:roboto;

    font-size:14px;

    font-weight:normal;

    margin-left:10px;

}

.payment ul li p {

    background: none repeat scroll 0 0 #757575;

    color: #F7F7F7;

    float: left;

    font-family: roboto;

    font-size: 12px;

    margin-top: 10px;

    padding: 10px;

    position: relative;

    text-shadow: none;

    width: 100%;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.payment ul li p:before {

    height:0;

    width:0;

    border-bottom:5px solid #757575;

    border-left:5px solid transparent;

    border-right:5px solid transparent;

    content:"";

    position:absolute;

    left:20px;

    top:-5px;

}

.payment {

    float:left;

    width:100%;

    padding:30px;

    background:none repeat scroll 0 0 #FCFCFC;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.payment .accordion_toggle a {

    background:none repeat scroll 0 0 transparent;

    border:0 none;

    line-height:22px;

}

.woocommerce .woocommerce-info {

    background: none repeat scroll 0 0 #FAF9F9;

    margin-bottom: 10px;

    padding: 10px 0 10px 60px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}

.woocommerce form.login {

    float: left;

    width: 100%;

}

.woocommerce-info:before{

    color: #ffffff !important;

    font-size: 20px !important;

    height: 100% !important;

    left: 0 !important;

    padding: 5px !important;

    text-align: center;

    top: 0 !important;

    width: 50px !important;

}

/*** FEATURED PRODUCTS PAGE /////////

///////////////////////////////// ***/

.featured-products h3 {

    margin-bottom:20px;

}

.featured-products > p {

    color:#777777;

    font-family:open sans;

    font-size:13px;

    line-height:20px;

    margin-bottom:30px;

}

.featured-products .col-md-4{

    margin-bottom:40px;	

}

.featured-products img {

    margin-bottom:15px;

    width:100%;

    height:auto;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.featured-products  h4 {

    font-family:roboto;

    font-size:16px;

    font-weight:400;

    margin-bottom:10px;

    float:left;

    width:100%;

}

.featured-products  h4 a{

    color:#707070;

}

.

ratings {

    color: #E6E84A;

    float: left;

    line-height: 10px;

    margin-bottom: 5px;

    width: 100%;

}

.product-price > a {

    background: none repeat scroll 0 0 #626262;

    color: #F4F4F4;

    float: right;

    font-family: roboto;

    font-size: 12px;

    padding: 5px 10px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.product-price > a.added_to_cart {

    margin-right: 10px;

}

.product-price del {

    float: left;

}

.product-price ins span.amount{

    font-size: 15px;

}

.product-price del span.amount {

    font-size: 15px !important;

    margin-right: 10px;

    text-decoration: line-through;

}

.product-price span.amount,.product-price del span.amount, .product-price ins span.amount {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    font-family: roboto;

    color:#7D7C7C;

    font-size: 20px;

    padding: 0;

    width: auto;

    line-height:27px;

}

.page-numbers {

    float: left;

    background:#fff;

}

.page-numbers > li {

    float: left;

    margin-right: 10px!important;

}

.page-numbers, .page-numbers > li span, .page-numbers > li {

    border: 0 none !important;

}

.page-numbers > li > a, .page-numbers > li > span {

    background-color: #F8F8F8;

    color: #707070;

    float: left;

    font-family: roboto;

    font-size: 11px;

    line-height: 1.42857;

    margin-left: -1px;

    padding: 5px 15px!important;

    position: relative;

    text-decoration: none;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;	

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {

    color: #FFFFFF;

}

/*** CHECK OUT PAGE /////////

///////////////////////////////// ***/

.check-out-top li {

    float:left;

    width:100%;

    border-top:2px solid #DBDBDB;

    margin-bottom:10px;

    overflow:hidden;

    background:none repeat scroll 0 0 #FAF9F9;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.login {

    float:left;

    margin-bottom:20px;

    padding:10px;

    border:1px solid #E7E7E7;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    border-radius:6px;

}

.login p {

    color:#929292;

    font-family:roboto;

    font-size:12px;

}

.col-md-12.co-form {

    float:left;

    width:100%;

}

.co-form label {

    display:block;

    color:#929292;

    font-family:roboto;

    font-size:12px;

    font-weight:normal;

    line-height:11px;

    margin-bottom:10px;

}

.cupon {

    float:left;

    width:100%;

    margin-bottom:20px;

    padding:10px;

    border:1px solid #E7E7E7;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    border-radius:6px;

}

.billing {

    float:left;

    width:570px;

}

.billing h3{

    margin-bottom:30px;

}

.create-account {

    float:left;

    width:100%;

    margin-top:20px;

}

.form-toggle.accordion_toggle > a {

    background:none repeat scroll 0 0 transparent;

    border:0 none;

    color:#929292;

    font-family:roboto;

    font-size:14px;

    line-height:18px;

    position:relative;

    padding-left:20px;

    cursor:pointer;

}

.form-toggle.accordion_toggle > a:before {

    content:"";

    width:13px;

    height:13px;

    background:none repeat scroll 0 0 #DBECEF;

    border:1px solid #B7D5DE;

    position:absolute;

    left:0;

    top:4px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

.form-toggle.accordion_toggle.current > a.pointed:after {

    content:"";

    width:7px;

    height:7px;

    background:none repeat scroll 0 0 #779DA9;

    position:absolute;

    left:3px;

    top:7px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

.account-form > p {

    color:#929292;

    font-family:roboto;

    font-size:12px;

    line-height:20px;

}

.shipping{

    float:left;

    width:570px;

}

.shipping h3{

    margin-bottom:30px;

}

/*** ORDER RECEIVED PAGE /////////

///////////////////////////////// ***/

#check {

    background:none repeat scroll 0 0 #FFFFFF;

    float:left;

    margin-left:-40px;

    padding-left:10px;

    padding-right:10px;

    position:absolute;

    left:50%;

    top:-22px;

}

#check > span {

    color:#FFFFFF;

    font-size:30px;

    padding:13px 16px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    -ms-border-radius:10px;

    -o-border-radius:10px;

    border-radius:10px;

}

.order-reveived {

    border:1px solid;

    float:left;

    margin-top:28px;

    position:relative;

    width:100%;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    -ms-border-radius:6px;

    -o-border-radius:6px;

    border-radius:6px;

}

.order-reveived > p {

    color:#696868;

    font-family:Roboto;

    font-size:13px;

    line-height:17px;

    margin:0;

    padding-top:57px;

    text-align:center;

}

.order-reveived p strong {

    font-family:roboto;

    font-size:13px;

}

.order-reveived a {

    display: table;

    font-family: roboto;

    font-size: 13px;

    line-height: 11px;

    margin: 0 auto;

    padding: 35px 20px 35px 0;

    text-align: center;

    text-transform: uppercase;

}

.order-reveived a img{	

    margin-left:10px;

    margin-top:-3px;

}

/*** SIDEBAR /////////

///////////////////////////////// ***/

.sidebar-widget {

    float:left;

    margin-bottom:30px;

    overflow:hidden;

    width:100%;

}

/*** Sidebar Search ***/

.sidebar-search {

    width:100%;

    height:38px;

    border:1px solid #E5E5E5;

    overflow:hidden;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

input.search{

    height:100%;

    width:75%;

    float:left;

    padding:10px;

    border:0 none;

    color:#D2D2D2;

    font-family:roboto;

    font-size:11px;

    -webkit-box-shadow:none;

    -moz-box-shadow:none;

    -ms-box-shadow:none;

    -o-box-shadow:none;

    box-shadow:none;

}

.search-button {

    float:right;

    height:37px;

    width:40px;

    padding:0;

    border:0 none;

    background:url("../images/search.png") no-repeat scroll center;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.sidebar-title {

    float:left;

    width:100%;

    margin-bottom:20px;

    border-left:5px solid #98D460;

}

.sidebar-title > h4 {

    float:left;

    padding-left:15px;

    color:#2D2D2D;

    font-family:roboto;

    font-size:20px;

    font-weight:400;

    line-height:26px;

    position:relative;

}

.sidebar-title > h4 a{

    color:#2D2D2D;

}

.sidebar-title > h4:after {

    height:1px;

    width:50%;

    content:"";

    background:none repeat scroll 0 0 #98d460;

    position:absolute;

    right:-55%;

    top:55%;

}

.sidebar-title > h4 span{

    font-weight:300;

    color:#83be4b;

}

/*** Popular Posts ***/

.popular-post {

    float:left;

    width:100%;

    margin-bottom:20px;

    overflow:hidden;

    position:relative;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.popular-post:last-child{

    margin-bottom:0;

}

.popular-post > img {

    width:100%;

    height:auto;

}

.popular-post-title {

    width:100%;

    padding:15px 10px;

    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

    position:absolute;

    bottom:-30px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.popular-post:hover .popular-post-title{

    bottom:0;

}

.popular-post-title h6 {

    font-family: roboto;

    font-size: 13px;

    margin-bottom: 15px;

    text-align: center;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #fff;

}

.popular-post-title h6  a{

    color:#FFFFFF;

}

.popular-post-title > span {

    color:#C8C8C8;

    float:left;

    font-family:open sans;

    font-size:10px;

    font-weight:600;

    line-height:10px;

    text-align:center;

    width:100%;

}

/***Tags ***/

.cloud-tags,.tagcloud {

    float:left;

    margin-left:-5px;

}

.cloud-tags a,.tagcloud  a{

    background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.12, rgb(247,247,246)),

        color-stop(0.56, rgb(250,250,249))

        );

    color:#959595;

    float:left;

    font-family:roboto;

    font-size:11px;

    margin:5px;

    padding:7px 14px;

    border-color:#E7E7E7;

    border-style:solid;

    border-width:2px 1px 1px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

/*** Sidebar Lists ***/

.sidebar-widget ul {

    float:left;

    width:100%;

}

.sidebar-widget ul li {

    float:left;

    margin-bottom:1px;

    width:100%;

}

.sidebar-widget ul li{

    float:left;

    width:100%;

    padding:15px 20px 15px 60px;

    color:#959595;

    font-family:roboto;

    font-size:12px;

    line-height:18px;

    background:url("../images/list-arrow.png") no-repeat scroll 34px center #FCFCFB;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

}

.sidebar-widget ul ul li a {

    background-position: 50px center;

    padding-left: 70px;

}

.sidebar-widget ul ul{

    margin-top: 2px;

}

/*** Sidebar Video ***/

.sidebar-video {

    float:left;

    overflow:hidden;

    width:100%;

    position:relative;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.sidebar-video > img {

    width: 100%;

}

.sidebar-video:after {

    height:100%;

    width:100%;

    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

    content:"";

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transform:scale(0.5);

    -moz-transform:scale(0.5);

    -ms-transform:scale(0.5);

    -o-transform:scale(0.5);

    transform:scale(0.5);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.sidebar-video:hover:after{

    opacity:1;

    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.sidebar-video > h6 {

    width:100%;

    color:#F5F5F5;

    font-family:roboto;

    font-size:13px;

    text-align:center;

    z-index:1;

    position:absolute;

    left:0;

    top:-30px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.sidebar-video:hover > h6 {

    top:30px;

}

.sidebar-video > span {

    height:40px;

    width:40px;

    border:1px solid #FFFFFF;

    color:#FFFFFF;

    line-height:36px;

    margin-bottom:-20px;

    margin-left:-20px;

    text-align:center;

    z-index:1;

    position:absolute;

    bottom:-50%;

    left:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.sidebar-video > span a i{

    color:#fff;

}

.sidebar-video:hover > span {

    bottom:50%;

}

/*** Sidebar Gallery ***/

.gallery .col-md-4 a {

    margin-bottom:20px;

}

.gallery .col-md-4 a img {

    height: 77px;

    width: 77px;

}

.gallery .col-md-4 > a:before {

    content:"";

    height:100%;

    width:100%;

    opacity:0;

    filter:alpha(opacity = 0);

    position:absolute;

    left:0;

    top:0;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.gallery .col-md-4 > a:hover:before{

    opacity:1;

    filter:alpha(opacity = 100);

}

.gallery .col-md-4 > a {

    float:left;

    position:relative;

    border-radius:4px;

    overflow:hidden;

    width:100%;

}

table#wp-calendar caption {

    background: none repeat scroll 0 0 #8E8E8E;

    line-height: 40px;

    margin-bottom: 1px;

    text-transform: uppercase;

    color: #fff;

}

.sidebar-widget select {

    color: #A7A7A7;

}

.sidebar-widget ul li.recentcomments {

    border-bottom: 1px solid #EFEFEF;

    color: #888888;

    font-size: 15px;

    font-weight: 300;

    line-height: 35px;

}

.sidebar-widget ul li.recentcomments a {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: right;

    line-height: 20px;

    width: auto;

    padding-top: 7px!important;

}

.sidebar-widget .review i {

    color: #888787;

}

.sidebar-widget .from h6 {

    color: #9c9c9c;

    font-weight: 500;

}

.sidebar-widget .footer_carousel .flex-control-nav {

    bottom: 0;

}

.sidebar-widget .footer_carousel .flex-control-nav li a.flex-active {

    background: none repeat scroll 0 0 #C3C3C3;

}

.sidebar-widget ul.product_list_widget li {

    border-bottom: 1px solid #EFEFEF;

    float: left;

    width: 100%;

    padding: 10px 0!important;

}

.sidebar-widget .product_list_widget li a {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    font-weight: 500 !important;

    padding: 0;

}

.sidebar-widget .product_list_widget li .amount {

    color: #9C9C9C;

    float: right;

    margin-top: 10px;

}

.widget_shopping_cart_content .total {

    width: auto;

}

.widget_shopping_cart_content .total {

    float: left;

    margin: 0;

    padding: 15px 0;

    width: 100%;

    color: #959595;

}

.widget_shopping_cart_content .total strong {

    font-weight: 500;

    text-transform: uppercase;

}

.textwidget {

    color: #959696;

}

.widget_shopping_cart_content .total {

    float: left;

    width: 100%;

    padding: 10px 0;

    color: #969595;

}

.widget_shopping_cart_content .buttons a {

    font-weight: 400;

    line-height: 25px;

    margin-right: 10px;

    padding: 5px 15px;

}

.textwidget {

    color: #969595;

}

.widget_product_search label {

    float: left;

    width: 100%;

    font-weight: 400;

    text-transform: uppercase;

    color: #9c9c9c;

}

.widget_product_search input[type="text"] {

    float: left;

    width: 75%;

    border: 1px solid #efefef;

    height: 30px;

    padding: 0 10px;

    color: #a9a9a9;

}

.widget_product_search input[type="submit"] {

    background: url("../images/search.png") no-repeat scroll center center #C5C5C5;

    border: 0 none;

    color: rgba(0, 0, 0, 0);

    float: left;

    font-size: 13px;

    height: 30px;

    letter-spacing: 0.1px;

    margin-left: -1px;

    text-align: center;

    text-transform: uppercase;

    width: 25%;

}

.sidebar-widget .product_list_widget li a img {

    height: 77px;

    width: 77px;

}

.star-rating > span {

    color: #B3B3B3;

}

.sidebar-widget .newsletter {

    background: none;

}

.sidebar-widget .newsletter:before{

    display:none;

}

.sidebar-widget .newsletter > h4 {

    color: #838383;

}

.sidebar-widget .newsletter > p {

    color: #969696;

}

.sidebar-widget .social-bar {

    padding: 0;

    float: none;

    width: auto;

    display: table;

    margin: 0 auto;

}

.sidebar-widget .social-bar li {

    width: auto;

    margin: 0 5px;

    background: none;

}

.sidebar-widget .social-bar li a {

    background: none;

    padding: 0;

}

.sidebar-widget .newsletter-btn {

    background: none;

    padding: 0;

    margin: 20px 0;

}

.sidebar-widget .newsletter-btn > input {

    color: #fff;

    font-size: 17px;

    font-weight: 500;

    border: 1px solid #969696;

    width: 100%;

    padding: 4px;

    background: #787878;

}

.sidebar-widget .newsletter {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    text-align: left;

    padding: 0;

}

/*** Sidebar Swith To Left ***/

.switch .left-content {

    float: right;

}

.switch .sidebar.pull-right {

    float: left;

}

/*** Slider Styles ***/

.slide1 i{

    font-style:normal;

    position:relative;

} 

.slide1 span {

    padding:5px 20px;

    margin-left:20px;

    background:none no-repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    color:#FFFFFF;

    position:relative;

    -webkit-border-radius:0 4px 4px 0;

    -moz-border-radius:0 4px 4px 0;

    -ms-border-radius:0 4px 4px 0;

    -o-border-radius:0 4px 4px 0;

    border-radius:0 4px 4px 0;

}

.slide1 span:before {

    background:url("../images/slider1-img.png") no-repeat scroll 0 0 transparent;

    content:"";

    height:100%;

    left:-8px;

    position:absolute;

    top:0;

    width:10px;

}

span.slide1:after {

    background:url("../images/slider1-img3.png") no-repeat scroll right 0 transparent;

    content:"";

    height:100%;

    position:absolute;

    right:-32px;

    top:0;

    width:100px;

}

span.slide1 i{

    color:#4c4c4c;

    font-style:normal;

}

h3.slide2 span{

    color:#242424;

}

h3.slide3 i{

    color:#98d460;

    font-style:normal

}

h4.slide3 span {

    color:#323232;

}

h5.slide3 span{

    color:#9bd362;

}

.slide4 i{

    font-style:normal;

    color:#98d460;

}

.slide5 span{

    color:#98d460;

}

.slide5-title span{

    color:#98d460;

}

.slide-donate{

    background: rgb(86,85,85);

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, rgba(86,85,85,1) 0%, rgba(61,60,60,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,85,85,1)), color-stop(100%,rgba(61,60,60,1)));

    background: -webkit-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);

    background: -o-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);

    background: -ms-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);

    background: linear-gradient(to bottom, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#3d3c3c',GradientType=0 );   

}

.slide-donate i{

    margin-right: 10px;

}

.slide-donate2{

    background: #91a31d;

}

.slide-donate2 a{

    color: #FFF;

}

.slide-icon{

    padding: 20px!important;

    background-color: #91a31d;

    border:5px solid rgba(255,255,255,0.7)!important;

    background-clip: padding-box!important;

    -webkit-border-radius: 8px!important;

    -moz-border-radius: 8px!important;

    -ms-border-radius: 8px!important;

    -o-border-radius: 8px!important;

    border-radius: 8px!important;

    -webkit-box-shadow:0 0 14px #6d6d6d inset!important;

    -moz-box-shadow:0 0 14px #6d6d6d inset!important;

    -ms-box-shadow:0 0 14px #6d6d6d inset!important;

    -o-box-shadow:0 0 14px #6d6d6d inset!important;

    box-shadow:0 0 14px #6d6d6d inset!important;

}

/*** Side Panel ***/

.side-panel {

    width:277px;

    padding:50px;

    position:fixed;

    top:100px;

    left:-277px;

    background:url("../images/panel-bg.jpg") repeat scroll 0 0 transparent;

    z-index:1000;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    -webkit-box-shadow:0 0 3px #888888;

    -moz-box-shadow:0 0 3px #888888;

    -ms-box-shadow:0 0 3px #888888;

    -o-box-shadow:0 0 3px #888888;

    box-shadow:0 0 3px #888888;

    -webkit-border-radius:0px 5px 5px 0;

    -moz-border-radius:0px 5px 5px 0;

    -ms-border-radius:0px 5px 5px 0;

    -o-border-radius:0px 5px 5px 0;

    border-radius:0px 5px 5px 0;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;

}

.show{

    left:0;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;

}

.side-panel h6 {

    border-bottom:1px double #f4f4f4;

    color:#3D3C3C;

    display:inline-block;

    font-family:open sans;

    font-weight:600;

    margin:0px 0 20px 0;

    position:relative;

    text-transform:uppercase;

}

.colors a {

    display:inline-block;

    height:20px;

    margin-right:10px;

    width:20px;

    border:1px solid #fff;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.colors a:hover{

    -webkit-box-shadow:0 0 4px #000;

    -moz-box-shadow:0 0 4px #000;

    -ms-box-shadow:0 0 4px #000;

    -o-box-shadow:0 0 4px #000;

    box-shadow:0 0 4px #000;

}

.color1{

    background-color:#b35c28;

}

.color2{

    background-color:#DC4B3A;

}

.color3{

    background-color:#E3C60A;

}

.color4{

    background-color:#93B631;

}

.color5{

    background-color:#2D695C;

}

.color6{

    background-color:#E76E66;

}

.color7{

    background-color:#ED6A18;

}

.color8{

    background-color:#E53B51;

}

.color9{

    background-color:#ED556A;

}

.color10{

    background-color:#4FC0AA;

}

.colors {

    margin-bottom:20px;

}

.colors {

    margin-bottom:20px;

}

.layout-buttons {

    margin-bottom:20px;

}

.layout-buttons > a {

    width:100%;

    display:inline-block;

    margin:5px 0;

    border:1px solid #7c7c7c;

    color:#E0DFDF;

    font-family:open sans;

    font-size:11px;

    font-weight:600;

    text-align:center;

    cursor:pointer;

    background:#818080;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.layout-buttons > a:hover {

    background-image:linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-o-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-moz-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-webkit-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-ms-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.13, rgb(134,81,40)),

        color-stop(0.43, rgb(145,92,51))

        );

    color:#E0DFDF;

}

.panel-icon {

    background-image:url("../images/panel-icon.png"), url("../images/panel-bg.jpg");

    background-repeat:no-repeat, repeat;

    background-position:3px 10px, 0 0; 

    height:210px;

    width:30px;

    cursor:pointer;

    position:absolute;

    right:-30px;

    top:110px;

    -webkit-box-shadow:1px 0 1px #B7B7B7;

    -moz-box-shadow:1px 0 1px #B7B7B7;

    -ms-box-shadow:1px 0 1px #B7B7B7;

    -o-box-shadow:1px 0 1px #B7B7B7;

    box-shadow:1px 0 1px #B7B7B7;

    -webkit-border-radius:0px 5px 5px 0;

    -moz-border-radius:0px 5px 5px 0;

    -ms-border-radius:0px 5px 5px 0;

    -o-border-radius:0px 5px 5px 0;

    border-radius:0px 5px 5px 0;

}

.panel-icon > p {

    height:20px;

    width:175px;

    color:#656565;

    font-family:open sans;

    font-weight:600;

    position:absolute;

    left:-74px;

    top:103px;

    text-shadow:1px 1px 0 #FFFFFF;

    -webkit-transform:rotate(270deg);

    -moz-transform:rotate(270deg);

    -ms-transform:rotate(270deg);

    -o-transform:rotate(270deg);

    transform:rotate(270deg);

}

.colors .pictures{

    height:31px;

    width:31px;

}

.colors .pat1 {

    background:url("../images/boxed-bg1.jpg") repeat scroll 0 0 transparent;

    background-size:cover;

}

.colors .pat2 {

    background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent;

    background-size:cover;

}

.colors .pat3 {

    background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent;

    background-size:cover;

}

.colors .pat4 {

    background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent;

    background-size:cover;

}

.bg-body1{

    background:url("../images/boxed-bg1.jpg") repeat 0 0 transparent;

    background-attachment:fixed;

    background-size:cover;	

}

.bg-body2{

    background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent;

    background-attachment:fixed;

    background-size:cover;	

}

.bg-body3{

    background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent;

    background-attachment:fixed;

    background-size:cover;	

}

.bg-body4{

    background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent;

    background-attachment:fixed;

    background-size:cover;	

}

.option-combo {

    float: right;

    margin-bottom: 30px;

    width: 100%;

}

.option-combo ul{

    float:right;

}

.option-combo > ul li {

    float: left;

    border: 1px solid #D1D7DC;

    color: #656565;

    font-family: open sans;

    font-size: 14px;

    font-weight: 700;

    margin-left: 20px;

    text-transform: uppercase;

    cursor:pointer;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

}

.option-combo > ul li a{

    color:#656565;

}

.option-combo > ul li a.selected{

    color:#fff;

}

.option-combo > ul li a {

    float: left;

    padding: 10px;

}

#portfolio {

    float: left;

    margin-bottom: -30px;

    width: 100%;

}

#portfolio img {

    height: auto;

    width: 100%;

}

.portfolio {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

    margin-bottom:30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

/** ISOTOPE STYLING **/

.isotope-item {

    float: left;

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:    -moz-transform, opacity;

    -ms-transition-property:     -ms-transform, opacity;

    -o-transition-property:      -o-transform, opacity;

    transition-property:         transform, opacity;

}

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}

.port-desc {

    width: 96%;

    padding:0;

    background: none repeat scroll 0 0 rgba(247, 244, 244, 0.87);

    position: absolute;

    bottom:-20%;

    left: 2%;

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    border-radius:4px;

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.port-desc h4 {

    font-family: roboto;

    font-size: 16px;

    line-height: 14px;

    margin-bottom: 30px;

}

.port-desc > p {

    color: #6D6C6C;

    font-family: open sans;

    font-size: 13px;

    line-height: 20px;

    margin-bottom: 0;

    margin-top: -5px;

}

.portfolio:hover .port-desc{

    padding: 40px 15px;

    opacity:1;

    filter:alpha(opacity=100);

    bottom:2%;

}

.block #Grid {

    float:left;

    width:100%;

    margin:0 0 -50px;

}

/*** STICKY MENU ***/

header.stick {

    position: fixed;

    top: 0;

    z-index:10000;

    -webkit-transition:all 0.8s ease 0s;

    -moz-transition:all 0.8s ease 0s;

    -ms-transition:all 0.8s ease 0s;

    -o-transition:all 0.8s ease 0s;

    transition:all 0.8s ease 0s;

}

.stick #menu-navigation > li > a {

    padding: 20px;

}

.stick .logo{

    padding:2px 0;

}

.stick .menu ul li > ul{

    top:61px;

}

.stick .menu ul li > ul li ul{

    top:0;

}

.stick #menu-navigation > li:after, 

.stick #menu-navigation > li.active:after{

    display:none;

}

/*** MENU BELOW SLIDER ***/

.below {

    bottom: 0;

    top: auto;

}

/*** TOGGLE HEADER ***/

.show-header {

    height: 70px;

    width: 70px;

    color: #FFFFFF;

    cursor: pointer;

    font-size: 40px;

    line-height: 69px;

    z-index: 2147483647;

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;

}

.top-bar-toggle{

    display:none;

}

.toggle-header{

    display:none;

}

.show-header.move-down {

    font-size: 20px;

    height: 40px;

    line-height: 35px;

    top: 0;

}

/*** LOGO IN THE MIDDLE ***/

.middle-logo{

    top:0;

}

.middle-logo .logo{

    display:table;

    margin:0 auto;

    float:none;

}

.middle-logo .menu {

    display: table;

    float: none;

    margin: 0 auto;

}

.middle-logo #menu-navigation > li:hover:before,

.middle-logo  #menu-navigation > li:hover:after,

.middle-logo  #menu-navigation > li.active:before,

.middle-logo  #menu-navigation > li.active:after{

    display:none;

}

.middle-logo #menu-navigation li a{

    padding:10px 20px;

}

.middle-logo .menu ul li ul{

    top:40px;

}

.middle-logo .menu ul li > ul li ul{

    top:0;

}

.up-half {

    margin-top: -165px;

    float: left;

    width: 100%;

    position: relative;

}

.box {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 2px solid;

    float: left;

    position: relative;

    text-align: center;

    width: 100%;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow:0 0 12px #C3C3C3 inset;

    -moz-box-shadow:0 0 12px #C3C3C3 inset;

    -ms-box-shadow:0 0 12px #C3C3C3 inset;

    -o-box-shadow:0 0 12px #C3C3C3 inset;

    box-shadow:0 0 12px #C3C3C3 inset;

}

.box:after {

    bottom: 0;

    content: "";

    height:0;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 0;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.box:hover:after {

    height:100%;

}

.box i {

    float: left;

    font-size: 50px;

    line-height: 44px;

    padding: 40px 0;

    width: 100%;

    color:#a4a4a4;

    text-shadow:-3px 2px 0 rgba(0, 0, 0, 0.15);

    position:relative;

    z-index:1;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -ms-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

}

.box:hover i{

    color:#fff;

}

.box > h4 {

    color: #F4F4F4;

    float: left;

    font-family: open sans;

    font-size: 13px;

    font-weight: normal;

    line-height: 15px;

    padding: 12px 0;

    width: 100%;

    position:relative;

    z-index:1;

}

.box > h4 a{

    color: #F4F4F4;

}

.parallax {

    float: left;

    padding: 70px 0;

    width: 100%;

}

.fixed.pattern {

    background-size: auto auto !important;

}

.fixed-bg{

    position:absolute;

    width:100%;

    height:100%;

    left:0;

    top:0;

}

.parallax .container{

    padding:0;

}

.posts-carousel {

    float: left;

    width:100%;

    position: relative;

}

.posts-carousel .sec-heading {

    border-bottom-color: #999898;

    margin-bottom: 30px;

}

.posts-carousel li{

    float: left;

}

.carou-post {

    background: none repeat scroll 0 0 #FCFCFC;

    float: left;

    width: 100%;

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.carou-post-img {

    position: relative;

}

.previous-event .carou-post-img > img {

    height: 100px;

    width: 100px !important;

}

.carou-post-img > img {

    height: auto;

    width: 100%!important;

}

.carou-post-img:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-transition:all 0.4s ease 0s;

    -moz-transition:all 0.4s ease 0s;

    -ms-transition:all 0.4s ease 0s;

    -o-transition:all 0.4s ease 0s;

    transition:all 0.4s ease 0s;

}

.carou-post-img:hover:before{

    opacity:1;

    filter:alpha(opacity=100);

}

.carou-post-img a{

    color:#fff;

    width:50px;

    line-height:40px;

    border:1px solid #bdbdbe;

    text-align:center;

    font-size:20px;

    margin-top:-20px;

    margin-left:-25px;

    position:absolute;

    left:50%;

    top:50%;

    opacity:0;

    filter:alpha(opacity=0);

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -ms-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    -webkit-transform:skewX(50deg);

    -moz-transform:skewX(50deg);

    -ms-transform:skewX(50deg);

    -o-transform:skewX(50deg);

    transform:skewX(50deg);

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -ms-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.carou-post-img:hover a{

    opacity:1;

    filter:alpha(opacity=100);

    -webkit-transform:skewX(0deg);

    -moz-transform:skewX(0deg);

    -ms-transform:skewX(0deg);

    -o-transform:skewX(0deg);

    transform:skewX(0deg);

}

.carou-post > h4 {

    color: #fcfcfc;

    float: left;

    font-family: open sans;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 0.3px;

    max-width: 100%;

    overflow: hidden;

    padding: 10px 30px;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-border-radius: 0 0 3px 0;

    -moz-border-radius: 0 0 3px 0;

    -ms-border-radius: 0 0 3px 0;

    -o-border-radius: 0 0 3px 0;

    border-radius: 0 0 3px 0;

}

.carou-post > p {

    color: #888888;

    display: block;

    float: left;

    font-size: 13px;

    margin: 20px 0;

    padding: 0 22px;

    line-height: 22px;

}

.carou-post > a {

    background: none repeat scroll 0 0 #B9B9B9;

    color: #FCFCFC;

    float: right;

    font-family: roboto;

    line-height: 12px;

    margin-bottom: 20px;

    padding: 8px 30px;

    font-size: 12px;

    -webkit-border-radius: 3px 0 0 3px;

    -moz-border-radius: 3px 0 0 3px;

    -ms-border-radius: 3px 0 0 3px;

    -o-border-radius: 3px 0 0 3px;

    border-radius: 3px 0 0 3px;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}

.carou-post > a:hover {

    padding: 8px 35px;

    background: none repeat scroll 0 0 #898989;

}

.carou-post .ls-container{

    border-bottom:0;

}

.posts-carousel .flex-direction-nav {

    position: absolute;

    right: 0;

    top: -65px;

}

.posts-carousel .flex-direction-nav li{

    float:left;

    margin:0 4px;

}

.posts-carousel .flex-direction-nav li a {

    background: url("../images/carousel-arrows.png") no-repeat scroll 6px 1px #474847;

    color: rgba(0, 0, 0, 0);

    float: left;

    height: 30px;

    width: 25px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.posts-carousel .flex-direction-nav li a.flex-next{

    background-position:-42px 1px;

}

.posts-carousel .sec-heading h2 {

    color: #4A4A4A;

    font-size: 24px;

}

.posts-carousel .sec-heading h2:before{

    border-bottom-color:#999898

}

.posts-carousel .sec-heading h2:after{

    border-top-color:#999898

}

.posts-carousel .pagi i{

    color:#fff;

}

.posts-carousel .pagi.next{

    right:0;

}

.posts-carousel .pagi.prev{

    right:35px;

}

.carou-post #layerslider-container-fw {

    height: 235px;

    width: 270px;

}

#shop-carousel > li {

    float: left;

}

.shop {

    float: left;

    width: 100%;

    position: relative;

}

.item {

    float: left;

    position: relative;

    width: 100%;

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.item img{

    height:291px;

    width:100%;

}

.item-detail {

    background: none repeat scroll 0 0 rgba(87, 87, 87, 0.73);

    bottom: 0;

    left: 0;

    padding: 15px 20px;

    position: absolute;

    width: 100%;

}

.item-detail h3 {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.item-detail > h3 a {

    color: #FFFFFF;

    float: left;

    font-size: 18px;

    font-weight: 400;

    line-height: 25px;

    width: 100%;

}

.item-detail > span {

    color: #FFFFFF;

    float: right;

    font-family: roboto;

    font-size: 25px;

    line-height: 33px;

    width: 50%;

}

.item-detail > span span {

    color: #FFFFFF;

    font-size: 17px;

}

.item-detail i {

    float: right;

    font-family: open sans;

    font-style: normal;

    margin-left: 10px;

}

.item-detail > a.added_to_cart {

    float: left;

    margin-left: 0;

    margin-right: 0;

    margin-top: 10px;

    text-align: left;

}

.item-detail i span {

    color: #C7C6C7;

    font-size: 16px;

    text-decoration: line-through;

}

.item-detail > a {

    border-radius: 2px;

    color: #FFFFFF;

    float: left;

    font-family: open sans;

    line-height: 10px;

    padding: 10px;

    text-align: center;

}

.shop .flex-direction-nav {

    position: absolute;

    right: 0;

    top: -65px;

}

.shop .flex-direction-nav li{

    float:left;

    margin:0 4px;

}

.shop .flex-direction-nav li a{

    background:url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #F2F0F0;

    float:left;

    width:25px;

    height:25px;

    color:transparent;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}

.shop .flex-direction-nav li a.flex-next{

    background-position:-42px -3px;

}

.shop .flex-direction-nav li a:hover {

    background-position: -42px -30px;

}

.shop .flex-direction-nav li a.flex-prev:hover {

    background-position: 6px -30px;

}

.donate-message {

    float: left;

    width: 100%;

}

.donate-message > img {

    width: 100%;

    height:auto;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.donate-message > h5 {

    color: #666666;

    font-family: roboto;

    font-size: 15px;

    font-weight: 300;

    line-height: 17px;

    margin: 12px 0 12px;

    float: left;

    width: 100%;

}

.donate-message > p {

    color: #888888;

    font-family: noto sans;

    font-size: 12px;

    line-height: 23px;

    margin-bottom: 0;

    margin-top: 20px;

}

.donate-message > a {

    background: none repeat scroll 0 0 #c0c0c0;

    color: #FFFFFF;

    float: right;

    font-family: roboto;

    font-size: 12px;

    line-height: 10px;

    padding: 10px 20px;

    -webkit-border-radius: 0 10px;

    -moz-border-radius: 0 10px;

    -ms-border-radius: 0 10px;

    -o-border-radius: 0 10px;

    border-radius: 0 10px;

    -webkit-transition:all 0.4s linear;

    -moz-transition:all 0.4s linear;

    -ms-transition:all 0.4s linear;

    -o-transition:all 0.4s linear;

    transition:all 0.4s linear;

}

.donate-message > a:hover {

    background: none repeat scroll 0 0 #898989;

}

.upcoming-event {

    float: left;

    width: 100%;

}

.upcoming-event img{

    width:100%;

    height:auto;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -ms-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

}

.upcoming-event > h5 {

    color: #666666;

    font-family: roboto;

    font-size: 15px;

    font-weight: 400;

    margin: 15px 0;

}

.upcoming-event ul {

    border: 1px solid #EEEDED;

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.upcoming-event li {

    border-bottom: 1px solid #EEEDED;

    font-family: roboto;

    font-size: 12px;

    line-height: 19px;

    padding: 5px 20px;

}

.upcoming-event li a {

    color: #888888;

}

.upcoming-event li i{

    margin-right:10px;

    font-size:15px;

}

.upcoming-event li .icon-twitter {

    color: #51B4FF;

}

.upcoming-event li .icon-calendar{

    color: #949090;

} 

/*** //// PROFILE SINGLE PAGE ///////

///////////////////////////////////////////// ***/

.profile-tabs-content {

    float: left;

    margin-bottom: 30px;

    overflow: hidden;

    width: 300px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.profile-tabs-content img {

    width: 100%;

}

.profile-tabs {

    border: 0 none;

    float: left;

    width:100%;

}

.profile-tabs li {

    float: left;

    margin-bottom: 30px;

    width: 33.3333%;

    padding:0 15px;

}

.nav.profile-tabs li a,

.nav.profile-tabs li a:hover,

.nav.profile-tabs li a:focus {

    background:none;

    border: 0 none;

    margin: 0;

    padding: 0;

    outline:none;

    overflow:hidden;

    position:relative;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.nav.profile-tabs li a:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transform:scale(0.3);

    -moz-transform:scale(0.3);

    -ms-transform:scale(0.3);

    -o-transform:scale(0.3);

    transform:scale(0.3);

    opacity:0;

    filter:alpha(opacity:0);

    -webkit-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;

    -moz-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;

    -ms-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;

    -o-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;

    transition: opacity 0.3s linear,transform 0.3s ease 0.3s;

}

.nav.profile-tabs li a:hover:before,

.nav.profile-tabs li.active a:before {

    opacity:1;

    filter:alpha(opacity:100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.nav.profile-tabs li a:after {

    color: #FFFFFF;

    content: "";

    font-family: fontawesome;

    font-size: 30px;

    height: 30px;

    left: 50%;

    line-height: 29px;

    margin-left: -15px;

    margin-top: -15px;

    position: absolute;

    top: 50%;

    width: 30px;

    opacity:0;

    filter:alpha(opacity:0);

    -webkit-transform:scale(3);

    -moz-transform:scale(3);

    -ms-transform:scale(3);

    -o-transform:scale(3);

    transform:scale(3);

    -webkit-transition:all 0.3s ease 0.3s;

    -moz-transition:all 0.3s ease 0.3s;

    -ms-transition:all 0.3s ease 0.3s;

    -o-transition:all 0.3s ease 0.3s;

    transition:all 0.3s ease 0.3s;

}

.nav.profile-tabs li a:hover:after,

.nav.profile-tabs li.active a:after {

    opacity:1;

    filter:alpha(opacity:100);

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}

.nav.profile-tabs li a img{

    width:100%;

}

.profile-page h1 {

    color: #707070;

    font-family: roboto;

    font-size: 22px;

    font-weight: bold;

    line-height: 16px;

    margin-bottom: 25px;

    word-wrap: break-word;

}

.profile-page h1 i {

    margin-right: 10px;

}

.designation {

    float: left;

    font-family: open sans;

    font-size: 13px;

    font-weight: 600;

    line-height: 10px;

    margin-bottom: 20px;

    text-transform: uppercase;

    width: 100%;

}

.profile-info {

    float: left;

    overflow: hidden;

    width: 400px;

    margin-bottom:30px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}

.profile-info > li {

    background: none repeat scroll 0 0 #F5F5F4;

    float: left;

    padding:10px 20px;

    width: 100%;

}

.profile-info > li:nth-child(2n+2) {

    background: none repeat scroll 0 0 #F9F9F9;

}

.profile-info li span {

    color: #646464;

    float: left;

    font-family: open sans;

    font-size: 13px;

    font-weight: 500;

    line-height: 10px;

    width: 50%;

}

.profile-info li span i{

    color:#9a9a9a;

    margin-right:10px;

}

.profile-info li p {

    float: left;

    width: 50%;

    margin-bottom:0;

    font-family: open sans;

    font-size: 13px;

    font-weight: 400;

    color:#9a9a9a;

    line-height: 10px;

}

.profile-page p {

    color: #818181;

    float: left;

    font-family: open sans;

    font-size: 13px;

    letter-spacing: 0.2px;

    line-height: 24px;

    width: 100%;

}

.join-team {

    background: url("../images/pattern4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 3px;

    float: left;

    margin-top: 50px;

    padding: 40px 55px;

    text-align: center;

    width: 100%;

}

.join-team h2 {

    color: #5A5A59;

    font-family: open sans;

    font-size: 22px;

    line-height: 17px;

    margin-bottom: 20px;

    text-shadow: 0 1px 1px #FFFFFF;

}

.join-team a {

    color: #FFFFFF;

    display: table;

    font-family: open sans;

    font-size: 13px;

    line-height: 13px;

    margin: 0 auto;

    padding: 10px 30px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

}

.main-blog .blog-post {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}

.main-blog .post-meta {

    border: 0 none;

    padding: 0;

    width: 100%;

    margin: 0 0 10px;

}

.main-blog .post-meta:before{

    background:none;

}

.main-blog .post-desc{

    padding-left:0;

    width:100%;

}

.main-blog .post-meta > li {

    float: left;

    margin-bottom: 0;

    margin-right: 10px;

    line-height: 15px;

}

.main-blog .post-desc > p {

    margin-bottom: 0;

}

.main-blog .blog-post h2 {

    background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5;

    color: #666666;

    float: left;

    font-size: 15px;

    font-weight: 300;

    line-height: 40px;

    margin-bottom: 0;

    padding: 5px 20px;

    width: 100%;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

    -ms-border-radius: 0 0 3px 3px;

    -o-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

}

.main-blog .blog-post h2 a{

    color:#666;

}

.main-blog .blog-post-details {

    margin-top: 15px;

}

.main-blog .post-meta li a i {

    color: #D0CFCF;

    font-size: 14px;

}

.main-blog .blog-post-img {

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}

/*** //// EVENT SINGLE PAGE ///////

///////////////////////////////////////////// ***/

.event-detail {

    float: left;

    width: 100%;

}

.event-detail h2 {

    float: left;

}

.event-detail h2 {

    color: #707070;

    float: left;

    margin-bottom:20px;

    font-family: roboto;

    font-size: 16px;

    letter-spacing: 0.3px;

    padding-right: 20px;

    position: relative;

}

.event-detail h2:before,

.event-detail h2:after {

    background: none repeat scroll 0 0 #E3E3E3;

    content: "";

    height: 1px;

    width: 50%;

    position: absolute;

    left: 100%;

    top: 7px;

}

.event-detail h2:after{

    width: 100%;

    top: 13px;

}

.event-detail > ul {

    background: none repeat scroll 0 0 #F9F9F9;

    border: 1px solid #F2F2F2;

    float: left;

    padding: 20px;

    width: 100%;

    margin-bottom:30px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.event-detail > ul li strong {

    color: #707070;

    font-size: 13px;

    font-weight: 400;

    padding-right: 5px;

}

.event-detail > ul li {

    color: #909090;

    float: left;

    font-family: roboto;

    font-size: 12px;

    font-weight: 400;

    line-height: 30px;

    width: 50%;

}

#menu-navigation li a:before,

#menu-navigation > li.active > a:before,

#menu-navigation > li a:hover,

#menu-navigation li ul li:hover,

.ls-defaultskin .ls-nav-prev:hover,

.ls-defaultskin .ls-nav-next:hover,

.message-box-title,

.submit-btn,

.donation-bar .donate-btn,

.amount.pull-right span,

.sec-title h1:before ,

.sec-title h1:after,

.newsletter:before,

.newsletter,

.newsletter-btn,

.donate-us-box span.amount-figures.coloured,

.testimonial-color,

#prev:hover,

#next:hover,

.need,

.our-project-box .row > div:hover .icon-box,

.collected > span,

.welcome-box ,

.pagi:hover,

.form-button,

.event-post-image span,

.search-button,

.sidebar-title > h4:after,

.pagination > li > a:hover, 

.pagination > li > span:hover, 

.pagination > li > a:focus, 

.pagination > li > span:focus,

.search-tabs li.active a,

.search-tabs li.active a:hover,

.search-tabs li.active a:focus,

.cart-btn,

.accordion_toggle.current > a span,

#check > span,

.reply:hover,

.post-meta li > span,

.highlight > span ,

.coloured-invert,

.progress.pattern .progress-bar,

.price-table ul:hover li.table-head,

.price-table ul:hover li.table-btn a,

.social-icons.gray li:hover,

.controls > ul li.active,

.show-header,

.box > h4 ,

.box:after,

.carou-post > h4,

.item-detail > a,

.join-team a,

.shop .flex-direction-nav li a:hover,

.posts-carousel .flex-direction-nav li a:hover,

.stories-carousel .flex-direction-nav li a:hover,

.option-combo > ul li a.selected,

button.favorite-btn:hover,

.page-numbers > li > span.current,

.woocommerce-page nav.woocommerce-pagination ul li span.current,

.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before,

.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before,

.causes-single ul.nav li a:before,

.slide2-text2 > span,

.slide3-text2,

.slide5-text1,

.slide5-text3 a,

.slide6-text3 a,

.slide6-icons a:hover,

.slide7-link a,

.slide4-text2,

.cause-box.donate-drop-btn:hover:before,

.cause-box.donate-drop-btn.down:before,

.recursive-periods > a.selected,

.amount-btns > a.selected,

form#login .close,

form#login .submit_button,

form#login a.lost,

.pagination > li > span.current{

    background-color:#4fc0aa;

}

.message-box-title > span,

.countSeconds,

.welcome-box span{

    background-color:#32a48e;

}

.menu ul li ul,

.message-form,

.message-form,

.ls-container,

.sidebar-title,

.accordion_toggle.current > a,

.order-reveived,

.theme-tabs .nav li.active a,

.theme-tabs .nav li.active a:hover,

.theme-tabs .nav li.active a:focus,

.menu ul li ul li ul,

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message,

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info,

.box {

border-color:#4fc0aa;

}

.sec-title h1 span,

.meta span i,

.needed-amount > h5 i,

.footer-widget-title h4 span,

.our-causes-hover span i,

.our-causes-hover span.needed-amount,

.story > h6 i,

.member-intro > span,

.about-charity-desc.col-md-7 li h6,

.page-title h1 span,

label span,

.form p span,

.contact-info .contact-details li span i,

.sidebar-title > h4 span,

.sidebar-widget ul > li > a:hover,

.error-page h2,

.error-page-search a,

.search-result h3 span,

.cart-table li > .product > h6,

.cart-total span,

.cloud-tags a:hover,

.featured-products .col-md-4 > a,

.featured-products .col-md-4 > h6 i,

.order-reveived p strong,

.order-reveived a,

.gallery-tabs li.active a,

.gallery-tabs li.active a:hover,

.gallery-tabs li.active a:focus,

blockquote span,

.comments li  .comment i span,

.post-meta > li p span ,

.theme-tabs .nav li.active a,

.theme-tabs .nav li.active a:hover,

.theme-tabs .nav li.active a:focus,

.theme-list li i,

.logo h1,

.coloured,

.port-desc h4 a,

.donate-message > p span,

.upcoming-event > h5,

.upcoming-event li .icon-pencil,

.sec-heading h2 strong,

.search-title span,

.ratings,

.wpb_tour_next_prev_nav a,

.slide2-text3 span span,

.slide3-text1 span,

.slide2-text1 span span,

.slide3-text3 span,

.designation {

color:#4fc0aa;

}

.causes-pagi:hover,

.counter,

.flickr-images > a:before,

.event-post-image:before,

.gallery .col-md-4 > a:before,

.gallery-image > span,

.image-lists ul > li a:before,

.image-lists ul > li .video-popup:before,

.image-lists ul > li .video-popup:before,

.post-image:before,

.nav.profile-tabs li a:before{

background-color:rgba(79, 192, 170, 0.9);

}

.event-post-image:after{

border-bottom-color:rgba(79, 192, 170, 0.9);

}

.wpb_revslider_element.wpb_content_element {

margin-bottom: 0;

position: relative;

z-index: 0;

}

/*** SINGLE PRODUCT PAGE ***/

.single-product-page {

float: left;

width: 100%;

margin-bottom: 45px;

}

.single-product-page img {

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.single-product-page .post-desc {

padding-left: 0;

width:100%;

}

button.favorite-btn {

background: none repeat scroll 0 0 padding-box #555555;

border: 3px solid #E5E5E5;

color: #FFFFFF;

font-family: roboto;

font-size: 13px;

line-height: 30px;

padding: 5px 15px;

margin-bottom:20px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

button.favorite-btn i {

margin-right: 10px;

}

#quantity-field {

border: 1px solid #C6DADE;

float: left;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;	

}

#quantity-field button, #quantity-field input {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 0 none;

color: #437182;

float: left;

font-family: roboto;

font-size: 12px;

height: 30px;

text-align: center;

width: 33.334%;

}

#quantity-field button#up, #quantity-field input#quantity {

border-right: 1px solid #C6DADE;

}

#quantity-field button{

-webkit-transition:all 0.4s ease 0s;

-moz-transition:all 0.4s ease 0s;

-ms-transition:all 0.4s ease 0s;

-o-transition:all 0.4s ease 0s;

transition:all 0.4s ease 0s;

}

#quantity-field button:hover {

background: none repeat scroll 0 0 #C6DADE;

}

.single-product-page .cart-btn {

float: left;

padding: 7px 15px;

}

.post .single-product-page h1 {

margin-bottom: 3px;

}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {

float: left;

width: 100% !important;

}

.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {

height: auto;

}

#shiptobilling .checkbox {

float: left;

font-size: 17px !important;

font-weight: 400;

line-height: 13px;

margin: 0;

padding: 0;

}

.gallery-video{

float: left;

width: 100%;

overflow:hidden;

-webkit-border-radius:3px;

-moz-border-radius:3px;

-ms-border-radius:3px;

-o-border-radius:3px;

border-radius:3px;

}

.gallery-video iframe {

border: 0 none;

float: left;

width: 100%;

}

.image-lists ul > li .video-popup {

float: left;

height: 30px;

width: 50px;

}

code {

float: left;

width: 100%;

white-space: normal;

margin: 10px 0;

}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {

color: #707070;

font-family: roboto;

font-size: 22px;

font-weight: 400;

margin-bottom: 30px;

word-wrap: break-word;

}

.post h2{

font-size: 20px;

}

.post h3{

font-size: 18px;

}

.post h4{

font-size: 16px;

}

.post h5{

font-size: 14px;

}

.post h6{

font-size: 12px;

}

table {

border: 1px solid #EFEFEF;

float: left;

width: 100%;

margin-bottom:20px;

}

table thead {

border-bottom: 1px solid #EFEFEF;

}

table thead th {

border: 1px solid #EFEFEF;

color: #8B8B8B;

font-size: 15px;

font-weight: 500;

line-height: 35px;

text-align: center;

}

table tbody tr {

background: none repeat scroll 0 0 #FCFCFC;

border: 1px solid #EFEFEF;

}

table tbody tr:nth-child(2n+2) {

background: none repeat scroll 0 0 #FFFFFF;

}

table tbody tr th, table tbody tr td {

border: 1px solid #EFEFEF;

padding: 0 10px;

font-size: 13px;

font-weight: 400;

line-height: 34px;

}

table tbody tr th a {

font-size: 13px;

font-weight: 400;

line-height: 34px;

}

tfoot td {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

}

tfoot td a {

color: #969696;

}

.post-desc > ul {

font-size: 13px;

line-height: 25px;

list-style: circle outside none;

padding-left: 20px;

}

.post-desc ul ul {

list-style: circle outside none;

margin: 5px 0 5px 20px;

}

.post-desc > ol {

font-size: 13px;

line-height: 25px;

padding-left: 20px;

}

.post-desc ol ol {

margin: 5px 0 5px 20px;

padding: 0;

}

.aligncenter {

margin: 0 auto;

}

.alignright {

float: right;

}

.alignnone, .alignnone img {

width: 100%;

}

.wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignleft{

}

#html5-lightbox {

z-index: 1000000000 !important;

}

.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{

float:left;

}

.woocommerce-result-count {

float:left;

line-height: 30px;

}

.post-password-form input[type="password"] {

background: none repeat scroll 0 0 #FAFAFA;

border: 1px solid #C6DADE;

font-family: roboto;

font-size: 12px;

height: 30px;

padding: 5px 10px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

}

.post-password-form input[type="submit"] {

background: none repeat scroll 0 0 #F2F2F2;

border: 1px solid #E5E5E5;

font-size: 12px;

height: 30px;

padding: 0 15px;

}

.standalone-tweet .subject .e-entry-title {

font-family: open sans;

font-size: 14px;

}

.twitter-tweet.twitter-tweet-rendered {

box-shadow: none !important;

width: 100%;

}

.wpb_toggle, #content h4.wpb_toggle {

background-color: #EEEEEE !important;

background-position: 6px center !important;

border-radius: 3px;

float: left;

font-size: 15px;

font-weight: 400;

line-height: 45px;

margin-bottom: 5px;

padding: 0 20px;

width: 100%;

}

.wpb_toggle_content {

border: 1px solid #EFEFEF;

float: left;

font-size: 13px;

font-weight: 400;

margin-top: -6px !important;

padding: 15px 20px !important;

width: 100%;

}

.wpb_content_element .wpb_tabs_nav li {

border-left: 1px solid #E7E7E7;

border-radius: 2px 2px 0 0;

border-right: 1px solid #E7E7E7;

border-top: 1px solid #E7E7E7;

line-height: 30px;

text-align: center;

width: 170px;

}

.wpb_content_element .wpb_tabs_nav li a {

color: #B9B9B9;

}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

border: 1px solid #ECECEC;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {

color: #C9C9C9;

}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {

background: none repeat scroll 0 0 #FAFAFA;

border: 1px solid #EFEFEF;

margin-top: -2px;

-webkit-border-radius: 0 0 3px 3px;

-moz-border-radius: 0 0 3px 3px;

-ms-border-radius: 0 0 3px 3px;

-o-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

.wpb_tour .wpb_tabs_nav .ui-state-default.ui-corner-top {

border: 0 none;

width: 100%;

-webkit-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

}

.wpb_toggle_content {

border: 1px solid #EFEFEF;

float: left;

font-size: 13px;

font-weight: 400;

margin-top: -6px !important;

padding: 15px !important;

width: 100%;

}

.wpb_accordion_section.group {

float: left;

margin-bottom: 10px;

width: 100%;

}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {

background: none repeat scroll 0 0 #F7F7F7;

margin-top: 0;

padding:20px!important;

}

.wpb_wrapper .teaser_grid_container .categories_filter {

float: left;

margin: 0;

width: 100%;

}

.wpb_wrapper .teaser_grid_container .categories_filter li {

font-family: open sans;

margin: 0;

padding: 5px 15px;

}

.wpb_wrapper .teaser_grid_container .categories_filter li a {

color: #B9B9B9;

font-size: 13px;

}

.wpb_wrapper .teaser_grid_container .categories_filter {

background: none repeat scroll 0 0 #F5F5F5;

border: 1px solid #E8E8E8;

float: left;

margin: 0;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.wpb_wrapper .teaser_grid_container .categories_filter li.active {

background: none repeat scroll 0 0 #EAEAEA;

}

.wpb_thumbnails.wpb_thumbnails-fluid.isotope {

margin-top: 20px;

}

.teaser_grid_container .isotope-item h2 {

color: #777777;

font-size: 15px;

font-weight: 400;

line-height: 20px;

margin-bottom: 10px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.teaser_grid_container .isotope-item {

float: left;

margin: 0 0 20px !important;

padding: 0 15px;

}

.wpb_teaser_grid .post-thumb {

float: left;

margin-right: 15px;

}

.teaser_grid_container .isotope-item .entry-content p {

color: #494949;

font-family: open sans !important;

font-size: 13px;

font-weight: 300;

}

.wpb_content_element.wpb_single_image img, .wpb_thumbnails .post-thumb img {

border: 1px solid #CBCBCB;

float: left;

height: auto;

margin: 0;

max-width: 100%;

padding: 2px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.vc-inner {

border: 1px solid #EFEFEF;

padding: 10px;

}

.vc-inner h2 {

color: #777777;

font-size: 15px;

font-weight: 400;

margin-bottom: 10px;

}

.vc-inner .post-thumb img {

border: 1px solid #EFEFEF;

float: left;

height: 100px;

margin-right: 10px;

padding: 3px;

width: 100px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.vc-inner .entry-content > p {

color: #777777;

font-size: 12px;

font-weight: 300;

}

.vc-carousel-control .icon-prev, .vc-carousel-control .icon-next {

background: none repeat scroll 0 0 #111111 !important;

color: #FFFFFF;

line-height: 42px;

}

.vc-carousel-indicators {

bottom: -10px !important;

}

.vc_carousel .vc-carousel-indicators li {

background: none repeat scroll 0 0 #BEBEBE !important;

border-color: #BEBEBE !important;

}

.vc_carousel .vc-carousel-indicators li.vc-active {

background: none repeat scroll 0 0 #FFFFFF !important;

}

.vc_align_right {

float: right;

}

.vc_align_right img {

float: right !important;

}

.wpb_single_image.vc_align_center {

display: table;

margin: 0 auto;

}

#shiptobilling {

width: 100%;

}

/*** CAUSES SINGLE PAGE ***/

.causes-single {

float: left;

position: relative;

width: 100%;

}

.causes-single ul.nav {

bottom: 0;

position: absolute;

}

.causes-single img {

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.causes-single ul.nav {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);

border: 0 none;

bottom: 0;

left: 50%;

margin-left: -142px;

padding: 15px 0;

position: absolute;

width: 284px;

-webkit-border-radius: 3px 3px 0 0;

-moz-border-radius: 3px 3px 0 0;

-ms-border-radius: 3px 3px 0 0;

-o-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}

.causes-single ul.nav li {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

margin: 0 0 0 15px;

}

.causes-single ul.nav li a,

.causes-single ul.nav li a:focus,

.causes-single ul.nav li a:hover {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 2px solid #878787;

height: 67px;

margin: 0;

padding: 0;

width: 74px;

}

.causes-single ul.nav li a:before{

content: "";

height: 0;

width: 100%;

position: absolute;

left: 0;

top: 0;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.causes-single ul.nav li a:hover:before,

.causes-single ul.nav li.active a:before {

height: 100%;

}

.causes-single ul.nav li a img{

width:100%;

height:100%;

}

.cause-bar {

background:#FFF;

border-bottom: 1px solid #D4D4D4;

border-left: 1px solid #D4D4D4;

border-right: 1px solid #D4D4D4;

float: left;

margin-bottom: 20px;

width: 100%;

}

.cause-box {

background: none repeat scroll 0 0 #F8F8F8;

border-right:1px solid #E0E0E0;

float: left;

height: 90px;

padding: 20px 5px;

width: 22%;

-webkit-box-shadow: 0 0 40px #EFEFEF inset;

-moz-box-shadow: 0 0 40px #EFEFEF inset;

-ms-box-shadow: 0 0 40px #EFEFEF inset;

-o-box-shadow: 0 0 40px #EFEFEF inset;

box-shadow: 0 0 40px #EFEFEF inset;

}

.cause-progress {

border-right: 1px solid #D4D4D4;

float: left;

height: 90px;

padding: 20px;

width: 34%;

-webkit-box-shadow:0 0 40px #F6F6F6 inset;

-moz-box-shadow:0 0 40px #F6F6F6 inset;

-ms-box-shadow:0 0 40px #F6F6F6 inset;

-o-box-shadow:0 0 40px #F6F6F6 inset;

box-shadow:0 0 40px #F6F6F6 inset;

}

.cause-box > h3 {

color: #7C7C7C;

font-family: roboto;

font-size: 26px;

line-height: 35px;

margin-bottom: 0;

overflow: hidden;

text-align: center;

text-overflow: ellipsis;

white-space: nowrap;

}

.cause-box > i {

color: #B2B1B1;

float: left;

font-family: roboto;

font-size: 12px;

font-style: normal;

line-height: 20px;

text-align: center;

width: 100%;

}

.cause-box.donate-drop-btn {

background: none repeat scroll 0 0 #E7E3E3;

border-right: 0 none;

cursor: pointer;

position:relative;

}

.cause-box.donate-drop-btn:before {

background: none repeat scroll 0 0 #FAFAFA;

border: 1px solid #E0E0E0;

color: #AAAAAA;

content: "\f06b";

font-family: fontawesome;

line-height: 43px;

margin-left: -20px;

text-align: center;

width: 40px;

height: 40px;

z-index: 1;

position: absolute;

bottom: -20px;

left: 50%;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.cause-box.donate-drop-btn:hover:before,

.cause-box.donate-drop-btn.down:before{

border:0;

color:#FFF;

}

.cause-box.donate-drop-btn.down:before{

content:"\f102";

}

.cause-box > h4 {

color: #666666;

font-family: roboto;

font-size: 16px;

font-weight: 800;

letter-spacing: 0.3px;

line-height: 55px;

text-align: center;

text-shadow: 1px 1px 0 #FFFFFF;

}

.donate-drop-down {

background: none repeat scroll 0 0 #FBFBFB;

float: left;

width: 100%;

margin-bottom: 20px;

margin-top: -20px;

padding:80px 50px 30px;

position: relative;

display:none;

border-bottom: 1px solid #D8D8D8;

border-left: 1px solid #D8D8D8;

border-right: 1px solid #D8D8D8;

-webkit-border-radius:0 0 3px 3px;

-moz-border-radius:0 0 3px 3px;

-ms-border-radius:0 0 3px 3px;

-o-border-radius:0 0 3px 3px;

border-radius:0 0 3px 3px;

-webkit-box-shadow:0 0 40px #EFEFEF inset;

-moz-box-shadow:0 0 40px #EFEFEF inset;

-ms-box-shadow:0 0 40px #EFEFEF inset;

-o-box-shadow:0 0 40px #EFEFEF inset;

box-shadow:0 0 40px #EFEFEF inset;

}

.amount-btns {

display: table;

float: none;

margin: 0 auto;

width: auto;

}

.amount-btns > a {

background: none repeat scroll 0 0 #505050;

border:0;

color: #F1F1F1;

float: left;

margin-right: 10px;

padding: 10px 25px;

font-family: roboto;

font-size: 16px;

font-weight: 500;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.amount-btns > a.selected{

background: none repeat scroll 0 0 #f1f1f1;

color:#FFF;

}

.amount-btns > a:last-child{

margin-right:0;

}

.other-amount {

border: 1px solid #D8D8D8;

display: table;

margin: 30px auto 0;

padding: 40px 60px;

position:relative;

-webkit-box-shadow: 0 0 1px #FFFFFF inset;

-moz-box-shadow: 0 0 1px #FFFFFF inset;

-ms-box-shadow: 0 0 1px #FFFFFF inset;

-o-box-shadow: 0 0 1px #FFFFFF inset;

box-shadow: 0 0 1px #FFFFFF inset;

}

.other-amount:before {

background: none repeat scroll 0 0 #FAFAFA;

border: 1px solid #E0E0E0;

color: #4F4F4F;

content: "OR";

font-family: roboto;

font-weight: 800;

height: 40px;

left: 47%;

line-height: 35px;

margin-left: -20px;

position: absolute;

text-align: center;

top: -20px;

width: auto;

padding: 0 5px;

}

.other-amount > input {

border: 1px solid #D8D8D8;

color: #cccccc;

font-family: roboto;

font-size: 12px;

float:left;

height: 40px;

padding: 15px 20px;

width: 280px;

-webkit-box-shadow: 0 0 15px #EAEAEA inset;

-moz-box-shadow: 0 0 15px #EAEAEA inset;

-ms-box-shadow: 0 0 15px #EAEAEA inset;

-o-box-shadow: 0 0 15px #EAEAEA inset;

box-shadow: 0 0 15px #EAEAEA inset;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.other-amount > a {

background: none repeat scroll 0 0 #4E4E4E;

float: left;

height: 40px;

width: 180px;

color: #FFFFFF;

font-family: roboto;

font-weight: 700;

line-height: 40px;

margin-left: 10px;

text-align: center;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.donate-popup .donate-drop-down {

display: block !important;

}

.donate-popup .cause-progress{

width:50%;

}

.donate-popup .cause-box{

width:25%;

}

.donate-popup .cause-box.donate-drop-btn{

display:none;

}

.post .donate-drop-down .donate-popup {

width: 100%;

}

.recursive-periods {

position: absolute;

left: 0;

top: 0;

width: 100%;

}

.recursive-periods > a {

background: none repeat scroll 0 0 #888888;

border-bottom: 1px solid #D8D8D8;

border-left: 1px solid #707070;

border-right: 1px solid #9F9F9F;

color: #FFFFFF;

font-size: 12px;

margin: 0 !important;

padding: 15px 20px;

position: relative;

text-align: center;

width: 12.5%;

-webkit-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

}

.recursive-periods > a:before {

color: #FFFFFF;

content: "\f164";

font-family: fontawesome;

height: 100%;

left: 15px;

line-height: 50px;

opacity: 0;

position: absolute;

top: 0;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.recursive-periods > a.selected:before{

opacity: 1;

}

.recursive-periods > a.selected {

color: #FFFFFF;

}

form#login {

background: none repeat scroll 0 0 #EFEFEF;

border: 1px solid #DFDFDF;

float: left;

margin-top: 30px;

padding: 20px;

position: relative;

top: 0;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

form#login h1 {

display: table;

float: none;

line-height: 30px;

margin: 0 auto 30px;

text-align: center;

text-transform: uppercase;

width: 70%;

}

form#login label {

float: left;

font-weight: 400;

margin: 0;

width: 25%;

}

form#login input[type="text"], form#login input[type="password"] {

background: none repeat scroll 0 0 #FFFFFF;

border: 1px solid #EEEEEE;

color: #CCCCCC;

float: left;

height: 30px;

margin-bottom: 10px;

padding: 5px 10px;

width: 75%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

form#login a.lost {

background: none repeat scroll 0 0 #4FC0AA;

color: #FFFFFF;

float: right;

margin-left: 20px;

padding: 5px 10px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

form#login .submit_button {

background: none repeat scroll 0 0 #4FC0AA;

border: 0 none;

color: #FFFFFF;

float: right;

padding: 5px 10px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

form#login .close:before {

color: #FFFFFF;

content: "X";

font-family: roboto;

font-weight: 700;

height: 100%;

left: 0;

line-height: 20px;

opacity: 1;

position: absolute;

text-align: center;

top: 0;

width: 100%;

}

form#login .close {

background: none repeat scroll 0 0 #FF0000;

color: rgba(0, 0, 0, 0);

font-size: 12px;

font-weight: 300;

height: 20px;

opacity: 1;

position: absolute;

right: 10px;

text-shadow: none;

top: 10px;

width: 25px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

/*** SERVICES SINGLE PAGE ***/

.single-service > span {

border: 1px solid #CFEEE7;

color: #8E8E8E;

float: left;

font-size: 80px;

line-height: 160px;

margin-bottom: 20px;

margin-right: 30px;

text-align: center;

height: 160px;

width: 170px;

-webkit-box-shadow: 0 0 13px #EBEBEB inset;

-moz-box-shadow: 0 0 13px #EBEBEB inset;

-ms-box-shadow: 0 0 13px #EBEBEB inset;

-o-box-shadow: 0 0 13px #EBEBEB inset;

box-shadow: 0 0 13px #EBEBEB inset;

}

.single-service > p {

color: #858585;

font-family: open sans;

font-size: 12px;

letter-spacing: 0.4px;

line-height: 30px;

margin-top: 10px;

}

.single-service h2 {

color: #707070;

font-family: roboto;

font-size: 22px;

padding: 20px 0 0;

}

.benifits {

float: left;

margin-top: 30px;

width: 100%;

}

.benifits > h4 {

color: #6F6F6F;

font-family: roboto;

font-size: 18px;

letter-spacing: 0.3px;

margin-bottom: 20px;

}

.benifits > ul {

color: #858585;

font-family: open sans;

font-size: 12px;

line-height: 30px;

}

.benifits > ul li i {

float: left;

font-size: 16px;

line-height: 30px;

margin-right: 15px;

}

.gallery-icon {

padding: 0 15px;

float: left;

width: 100%;

}

.gallery-icon a {

display: table;

float: none;

margin: 0 auto;

overflow: hidden;

position: relative;

width: auto;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.gallery-icon a:before {

background: url("../images/search-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0.7);

content: "";

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

opacity:0;

filter:alpha(opacity=0);

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.gallery-icon a:hover:before{

opacity:1;

filter:alpha(opacity=100);

}

.gallery .gallery-icon a img {

border: 0 none !important;

width: 100%;

height:auto;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.featured-products {

float: left;

width: 100%;

}

.woocommerce span.onsale, .woocommerce-page span.onsale {

font-weight: 400;

padding: 5px;

}

.featured-products h4 {

line-height: 20px;

margin-bottom: 0;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

width: 50%;

}

.featured-products .ratings {

float: right;

width: 50%;

}

.product-price {

float: left;

margin-top: 10px;

width: 100%;

}

.button.add_to_cart_button.product_type_simple {

background: none repeat scroll 0 0 #B6B6B6;

box-shadow: none;

font-size: 12px;

font-weight: 400;

text-transform: uppercase;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.button.add_to_cart_button.product_type_simple:hover {

background: none repeat scroll 0 0 #B6B6B6;

color: #FFFFFF;

text-shadow: none;

}

.woocommerce-message:before {

height: 100% !important;

left: 0 !important;

width: 50px !important;

}

.woocommerce-page .woocommerce-message {

padding-left: 70px !important;

}

.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {

float: right;

line-height: 16px;

}

.single-product-page .post-meta {

border: 0 none;

margin: 10px 0 0;

padding: 0;

width: 100%;

}

.single-product-page .post-meta:before {

display: none;

}

.single-product-page .post-meta li {

font-size: 12px;

line-height: 20px;

margin: 0;

}

.single-product-page .post-meta li del, .single-product-page .post-meta li ins {

color: #858585;

float: left;

font-size: 16px;

margin-right: 10px;

margin-top: 10px;

}

.single-product-page .post-meta li del span {

font-size: 12px;

text-decoration: line-through;

}

.woocommerce-page div.product #reviews .comment img {

float: left;

}

.woocommerce-page div.product #reviews .description p {

font-size: 12px;

font-weight: 400;

line-height: 20px;

}

#review_form_wrapper form label, #review_form_wrapper form span.required {

color: #929292;

float: left;

font-family: roboto;

font-size: 12px;

font-weight: 400;

margin-right: 5px;

}

#review_form_wrapper form input[type="text"],

#review_form_wrapper form textarea{

background: none repeat scroll 0 0 #FAFAFA;

border: 0 none;

color: #B4B4B4;

float: left;

font-family: roboto;

font-size: 12px;

height: 35px;

margin-bottom: 20px;

padding: 10px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 1px 1px 3px #D5D5D5 inset;

-moz-box-shadow: 1px 1px 3px #D5D5D5 inset;

-ms-box-shadow: 1px 1px 3px #D5D5D5 inset;

-o-box-shadow: 1px 1px 3px #D5D5D5 inset;

box-shadow: 1px 1px 3px #D5D5D5 inset;

}

#review_form_wrapper form textarea{

height:auto;

}

.woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p {

float: left;

margin: 0 0 10px;

width: 100%;

}

.woocommerce-page div.product #reviews p.meta {

background: none repeat scroll 0 0 #F9F9F9;

border: 1px solid #EBEBEB;

font-family: roboto;

font-size: 14px;

font-weight: 300;

margin: 0 20px 0 0;

padding: 0;

position: relative;

}

.woocommerce-page div.product #reviews p.meta strong {

float: left;

font-weight: 400;

width: 100%;

}

#review_form_wrapper {

float: left;

margin-top: 30px;

width: 100%;

}

.cart .quantity {

margin-bottom: 20px;

width: auto;

}

button.cart-btn.single_add_to_cart_button.button.alt,

button.cart-btn.single_add_to_cart_button.button.alt:hover {

background: none repeat scroll 0 0 #C7C0C7;

border: 1px solid #ADADAD;

color: #FFFFFF;

font-weight: 500;

margin-left: 20px;

padding: 7px 20px;

text-shadow: none;

-webkit-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

}

.woocommerce div.product, .woocommerce-page div.product, .woocommerce #content div.product, .woocommerce-page #content div.product,

.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity{

width:auto!important;

}

.related.products {

float: left;

margin-top: 40px;

width: 100%;

}

.product .post-meta li > span {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

border-radius: 0;

color: #969696;

padding: 0;

}

.related .ratings {

float: left;

margin-bottom: 10px;

width: 100%;

}

.related h4 {

margin-bottom: 10px;

margin-top: 10px;

}

.related h4 a {

color: #707070;

}

.post-desc .theme-tabs {	

float: left;

margin-top: 50px;

width: 100%;

}

.remove-space {

float: left;

margin-bottom: -30px;

width: 100%;

}

.search-result {

margin-top: 30px;

}

.woocommerce-page table.shop_table td.product-price {

float: none;

margin: 0;

width: auto;

}

.woocommerce-page table.shop_table th.product-price {

margin: 0;

}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{

border-top:0 none;

border-top:0 none;

border-bottom:0 none;

}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {

border-top: 1px solid rgba(0, 0, 0, 0.1);

height: 10px;

line-height: 20px;

max-width: 0;

padding: 5px 12px;

text-align: center;

}

.woocommerce-page table.shop_table td .quantity {

display: table;

margin: 0 auto;

width: auto !important;

}

.woocommerce table.shop_table td {

border-bottom: 0 none;

border-right: 0 none;

border-top: 1px solid #EFEFEF;

}

.woocommerce-page table.shop_table td.product-price span.amount {

float: left;

font-size: 13px;

text-align: center;

width: 100%;

}

.woocommerce-page table.cart input {

padding: 7px 20px;

}

.woocommerce-page table.cart a.remove {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

color: #939393 !important;

float: left;

text-align: center;

width: 100%;

}

.coupon .input-text {

margin-right: 10px !important;

max-width: none;

width: auto !important;

}

.woocommerce .woocommerce-info {

padding: 15px 0 15px 81px !important;

}

.woocommerce-billing-fields > h3 {

color: #2D2D2D;

font-family: roboto;

font-weight: 400;

}

.woocommerce-page form .form-row label {

color: #929292;

font-size: 13px;

font-weight: 400;

line-height: 20px;

margin-bottom: 10px;

}

#customer_details {

float: left;

margin-bottom: 40px;

width: 100%;

}

form.checkout h3 {

color: #2D2D2D;

font-family: roboto;

font-weight: 400;

width: 100%;

}

.woocommerce-shipping-fields .checkbox, .woocommerce-shipping-fields label {

float: left;

font-size: 18px;

font-weight: 300;

line-height: 20px;

margin: 0 10px 0 0;

padding: 0;

width: auto;

}

.create-account > label, .create-account > input{

float: left;

line-height: 13px !important;

margin: 0 10px 0 0 !important;

padding: 0;

}

.woocommerce-info {

float: left;

width: 100% !important;

}

.woocommerce form.login {

float: left;

width: 100%;

}

.checkout_coupon {

float: left;

margin: 0 0 30px !important;

width: 100% !important;

}

.showlogin,

.showcoupon {

color: #A8A8A9;

}

.tp-leftarrow.default,

.tp-rightarrow.default {

background: url("../images/carousel-arrows.png") no-repeat scroll 15px 8px #605F5F;

cursor: pointer;

height: 45px;

width: 45px;

z-index: 100;

}

.tp-rightarrow.default {

background-position: -32px 7px;

}

.commentlist img {

float: left;

margin-right: 20px;

}

.commentlist li {

float: left;

margin-bottom: 30px;

width: 100%;

}

.commentlist img {

float: left;

margin-right: 2%;

width: 8%;

}

.comment-text {

float: left;

width: 90%;

}

.theme-tabs p.meta {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

float: left;

margin: 0;

padding: 0;

position: relative;

text-align: left;

}

.portfolio > a, .portfolio > a img {

float: left;

width: 100%;

height:auto;

}

.cart-total ul .cart-head {

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-color: -moz-use-text-color -moz-use-text-color #E0E0E0;

border-image: none;

border-radius: 0;

border-style: none none solid;

border-width: 0 0 1px;

line-height: 40px;

}

.shipping-calculator-form {

border-left: 1px solid #E6E6E6;

border-right: 1px solid #E6E6E6;

}

.image-lists ul > li .video-popup:before {

background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);

opacity: 1;

}

.image-lists ul > li .video-popup:before {

background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);

}

.woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li{

float:left;

width:100%;

}

.checkout {

margin: 0 auto;

width: 1170px;

}

/*** LIFELINE NEW HOME PAGE ***/

.ongoing-projects {

float: left;

position: relative;

width: 100%;

}

.ongoing-project-img {

float: left;

position: relative;

overflow:hidden;

width: 100%;

}

.ongoing-project-img:before {

background: none repeat scroll 0 0 #000000;

content: "";

width: 100%;

height: 100%;

opacity: 0.9;

filter:alpha(opacity=90);

position: absolute;

left: 0;

top: 0;

-webkit-transform:scale(0);

-moz-transform:scale(0);

-ms-transform:scale(0);

-o-transform:scale(0);

transform:scale(0);

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.ongoing-project-img:hover:before {

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1);

}

.ongoing-project-img img{

width: 100%;

}

.ongoing-project-img a {

color: #fff;

border: 3px solid #fff;

font-size: 20px;

width: 50px;

height: 50px;

text-align: center;

line-height: 45px;

margin-left: -25px;

margin-top: -25px;

opacity:0;

filter:alpha(opacity=0);

position: absolute;

left: 50%;

top: 50%;

-webkit-transform:scale(3);

-moz-transform:scale(3);

-ms-transform:scale(3);

-o-transform:scale(3);

transform:scale(3);

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.ongoing-project-img:hover a {

opacity:1;

filter:alpha(opacity=100);

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1);

}

.ongoing-project-detail > h3 {

color: #4F4E4E;

font-family: open sans;

font-size: 16px;

font-weight: 600;

letter-spacing: 0.25px;

line-height: 30px;

margin-bottom: 15px;

}

.ongoing-project-detail > h3 a{

color: #4F4E4E;

}

.ongoing-project-detail > p {

color: #727272;

font-family: open sans;

font-size: 14px;

line-height: 25px;

letter-spacing: 0.25px;

}

.ongoing-project-detail > a {

color: #727272;

float: right;

font-family: open sans;

text-shadow: 0 0 1px #FFFFFF;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.ongoing-projects .flex-direction-nav {

position: absolute;

right: 0;

top: -60px;

width: 60px;

}

.ongoing-projects .flex-direction-nav li {

float: left;

width: 50%;

}

.ongoing-projects .flex-direction-nav li {

float: left;

width: 50%;

}

.ongoing-projects .flex-direction-nav li a {

background:#b6b6b6 url("../images/carousel-arrows.png") no-repeat scroll 5px -1px;

color: rgba(0, 0, 0, 0);

float: left;

height: 25px;

width: 25px;

}

.ongoing-projects .flex-direction-nav li a.flex-next {

background-position: -43px -2px;

float: right;

}

.issue {

background: none repeat scroll 0 0 #f9f9f9;

float: left;

margin-bottom: 30px;

width: 100%;

}

.issue:last-child {

margin-bottom: 0;

}

.issue > img {

float: left;

margin-right: 20px;

}

.issue > h4 {

color: #4F4E4E;

font-family: roboto;

font-size: 14px;

font-weight: 400;

padding-right: 10px;

padding-top: 10px;

line-height: 22px;

}

.issue > h4 a{

color: #4F4E4E;

}

.client-reviews {


float: left;

position: relative;

width: 100%;

}

.client-reviews:after {

background: url("../images/shadow.png") no-repeat scroll center center rgba(0, 0, 0, 0);

bottom: -15px;

content: "";

height: 15px;

left: 0;

position: absolute;

width: 100%;

}

.reviews {

float: left;

padding: 40px 50px;

width: 100%;

}

.reviews > h3 {

color: #FFFFFF;

font-family: open sans;

font-size: 20px;

text-transform: capitalize;

font-weight: 400;

line-height: 30px;

text-align:center;

}

.reviews h3 span {

color: #f4f1f1;

font-size: 50px;

}

.client-reviews .flex-direction-nav {

display: none;

}

.latest-news {

float: left;

width: 100%;

}

.news {

float: left;

width: 100%;

}

.news-image {

float: left;

width: 100%;

position:relative;

overflow:hidden;

}

.news-image > img {

width: 100%;

}

.news-image:before,

.news-image:after {

content: "";

width: 20%;

height: 0;

background: #000;

opacity: 0.9;

position: absolute;

left: 0;

top: 0;

-webkit-transition:height 0.2s linear, width 0.3s ease 0.2s;

-moz-transition:height 0.2s linear, width 0.3s ease 0.2s;

-ms-transition:height 0.2s linear, width 0.3s ease 0.2s;

-o-transition:height 0.2s linear, width 0.3s ease 0.2s;

transition:height 0.2s linear, width 0.3s ease 0.2s;

}

.news-image:hover:before,

.news-image:hover:after {

width: 100%;

height: 50%;

}

.news-image:after {

bottom:0;

top:auto;

left:auto;

right:0;

}

.news > h3 {

color: #4F4E4E;

float: left;

font-family: open sans;

font-size: 16px;

font-weight: 600;

margin: 12px 0;

width: 100%;

}

.news > h3 a{

color: #4F4E4E;

}

.news > p {

font-family: open sans;

color: #717171;

letter-spacing: 0.25px;

line-height: 22px;

}

.news-image a {

color: #FFFFFF;

font-size: 25px;

margin-left: -12.5px;

margin-top: -17px;

z-index: 1;

height: 34px;

width: 25px;

position: absolute;

top: -50%;

left: 50%;

-webkit-transition:all 0.4s ease 0.2s;

-moz-transition:all 0.4s ease 0.2s;

-ms-transition:all 0.4s ease 0.2s;

-o-transition:all 0.4s ease 0.2s;

transition:all 0.4s ease 0.2s;

}

.news-image:hover a{

top: 50%;

}

.latest-news .flex-direction-nav {

display: none;

}

.latest-news ol.flex-control-nav {

padding: 0;

list-style: none;

margin: 0 auto;

display: table;

}

.latest-news ol.flex-control-nav li {

float: left;

margin: 0 5px;

}

.latest-news ol.flex-control-nav li a {

background: none repeat scroll 0 0 #b9b8b8;

color: rgba(0, 0, 0, 0);

cursor:pointer;

float: left;

height: 12px;

width: 12px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.latest-news ol.flex-control-nav li a.flex-active{

background: none repeat scroll 0 0 #000;

}

.no-top-image {

background: none repeat scroll 0 0 #EEEEEE;

float: left;

height: 240px;

width: 100%;

}

.post-desc code {

float: none;

width: auto;

}

.sticky h2 a {

border-bottom: 1px solid #E0E0E0;

float: left;

}

.wpb_raw_code.wpb_content_element.wpb_raw_html {

margin: 0;

}

/*** BB PRESS STYLING ***/

#bbpress-forums {

margin-bottom: 0;

}

#bbpress-forums #bbp-search-form {

background: none repeat scroll 0 0 #FBFBFB;

border: 1px solid #DBDBDB;

float: right;

margin-bottom: 10px;

padding: 5px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

}

#bbpress-forums #bbp-search-form input[type="submit"] {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 0 none;

color: #868686;

float: left;

font-size: 11px;

padding-top: 2px;

text-transform: uppercase;

}

#bbpress-forums #bbp-search-form input[type="text"] {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 0 none;

}

#subscription-toggle, #favorite-toggle {

background:none repeat scroll 0 0 #D8D8D8;

float: left;

margin: 0 20px;

padding: 5px 15px;

text-transform: uppercase;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

}

#subscription-toggle a, #favorite-toggle a{

color: #FFF!important;

}

.bbp-author-avatar img {

border: 0 none !important;

margin: 0 !important;

}

#bbpress-forums ul {

color: #888888;

font-weight: 400;

}

#bbpress-forums li.bbp-header ul {

font-size: 14px;

font-weight: 400;

overflow: hidden;

text-transform: uppercase;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {

background: rgb(254,252,252); /* Old browsers */

background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

padding:0;

}

#bbpress-forums > ul {

border: 1px solid #c9c9c9!important;

overflow: hidden !important;	

-webkit-border-radius: 3px !important;

-moz-border-radius: 3px !important;

-ms-border-radius: 3px !important;

-o-border-radius: 3px !important;

border-radius: 3px !important;

}

#bbpress-forums li.bbp-footer {

background: none repeat scroll 0 0 #DCDCDC;

border-top: 1px solid #C9C9C9;

}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {

background: rgb(254,252,252); /* Old browsers */

background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

border-top: 1px solid #d0cfcf;

padding: 0 20px;

}

#bbpress-forums li.bbp-body ul.forum li,

#bbpress-forums li.bbp-body ul.topic li {

border-right: 1px solid #C9C9C9;

font-size: 13px;

min-height: 110px;

padding: 20px 0;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {

font-size: 15px;

line-height: 34px;

}

#bbpress-forums fieldset.bbp-form {

border: 0 none;

margin: 0;

padding: 0;

}

#bbpress-forums fieldset.bbp-form label {

float: left;

font-weight: 400;

width: 100%;

}

#bbpress-forums li.bbp-header {

background: rgb(67,75,78); /* Old browsers */

background: -moz-linear-gradient(top, rgb(67,75,78) 0%, rgb(59,67,70) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,75,78)), color-stop(100%,rgb(59,67,70))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434b4e', endColorstr='#3b4346',GradientType=0 ); /* IE6-9 */

border: 1px solid #3E3E3E;

font-weight: 400;

padding: 0 20px;

position: relative;

z-index: 1;

}

#bbpress-forums li.bbp-header:before {

background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 1px solid #84898B;

content: "";

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: -2;

}

#bbpress-forums li.bbp-header ul {

font-size: 14px;

font-weight: 400;

overflow: hidden;

text-transform: uppercase;

}

#bbpress-forums li.bbp-header li {

color: #F1EFEF;

font-family: open sans;

font-size: 15px;

font-weight: 600;

line-height: 58px;

text-shadow: 0 1px 0 #000000;

text-align: center;

}

li.bbp-forum-freshness, li.bbp-topic-freshness {

border-right: 0 none !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {

font-size: 15px;

line-height: 47px;

}

.bbp-form input[type="text"],.bbp-form textarea {

background: none repeat scroll 0 0 #F8F8F8;

border: 1px solid #C8C8C8;

font-family: roboto;

height: 30px;

padding: 5px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.bbp-form textarea{

border:0;

height:auto;

}

#bbpress-forums div.reply {

background: rgb(254,252,252); /* Old browsers */

background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

color: #333333;

font-size: 12px;

position: relative;

padding:0;

right: 0;

}

div.bbp-submit-wrapper button {

background: none repeat scroll 0 0 #D4D4D4;

border: 0 none;

color: #FFFFFF;

font-size: 13px;

font-weight: 500;

padding: 7px 25px;

text-transform: uppercase;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-ms-border-radius: 2px;

-o-border-radius: 2px;

border-radius: 2px;

}

div.bbp-template-notice.info {

color: #747474;

float: left;

padding: 5px 20px;

text-shadow: 0 0 1px #FFFFFF;

background-color: #BFE7F1;

border: 1px solid #D1D1D1;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {

background: none repeat scroll 0 0 #E0E0E0;

color: #646363 !important;

float: left;

font-size: 13px;

margin-right: 20px;

margin-top: 18px;

padding: 7px 15px;

text-shadow: 0 1px 0 #F4F4F4;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.bbp-forum-content {

color: #9D9D9D;

margin: 25px 0 0 !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,

.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {

background: none repeat scroll 0 0 #E1E1E1;

color: #898888 !important;

display: table;

margin: 10px auto 0;

padding: 5px 15px;

text-shadow: 0 1px 0 #F4F4F4;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#bbpress-forums p.bbp-topic-meta {

float: left;

margin-bottom: 0;

margin-top: 10px !important;

width: 100%;

}

.bbp-author-avatar {

margin-right: 10px;

}

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {

margin-top: 5px;

}

li.bbp-forum-topic-count, li.bbp-topic-voice-count,

li.bbp-forum-reply-count, li.bbp-topic-reply-count {

font-size: 15px !important;

line-height: 69px;

}

.bbp-pagination-count {

border: 1px solid rgba(0, 0, 0, 0);

color: #888888;

float: left;

font-family: roboto;

font-size: 12px;

}

div.bbp-template-notice, div.indicator-hint {

background: none repeat scroll 0 0 #FBE3A7;

border-color: #D1D1D1;

float: left;

padding: 5px 20px;

text-shadow: 0 0 1px #FFFFFF;

width: auto;

}

#bbpress-forums p.bbp-topic-meta .bbp-author-name {

color: #A1A1A1;

}

ul.bbp-replies li.bbp-header > div {

color: #F1EFEF;

font-family: open sans;

font-size: 15px;

font-weight: 600;

line-height: 58px;

text-align: center !important;

text-shadow: 0 1px 0 #000000;

text-transform: uppercase;

}

li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {

float: right;

font-size: 12px;

line-height: 17px;

margin-top: 18px;

text-shadow: none;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {

background-color: #EDEAEA;

border-top: 1px solid #D0CFCF;

}

.bbp-admin-links, .bbp-admin-links a {

color: #8E8E8E !important;

font-size: 12px !important;

padding: 0 5px;

text-transform: capitalize !important;

}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {

color: #8E8E8E !important;

float: right;

margin-left: 30px;

}

#bbpress-forums .bbp-body div.bbp-reply-author {

border-right: 1px solid #C9C9C9;

float: left;

padding: 20px;

width: 30%;

}

.bbp-reply-author .bbp-author-avatar {

float: left;

}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {

color: #8E8E8E;

display: table-row-group;

width: auto;

}

#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {

color: #9C9C9C;

display: table-row;

float: left;

font-family: roboto;

font-size: 12px;

font-style: normal;

margin-top: -8px;

}

.bbp-reply-ip {

float: left;

text-align: left;

}

.bbp-reply-author .bbp-author-avatar img {

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {

border-left: 1px solid #C9C9C9;

color: #8E8E8E;

float: left;

font-family: roboto;

margin-left: -1px;

padding: 20px 25px;

width: 70%;

}

#bbpress-forums #bbp-your-profile fieldset select {

background: none repeat scroll 0 0 #f9f9f9;

border: 1px solid #ddd;

margin-bottom: 0;

padding: 5px 8px;

width: 60%;

-webkit-border-radius: 0;

-moz-border-radius: 0;

-ms-border-radius: 0;

-o-border-radius: 0;

border-radius: 0;

-webkit-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

}

#bbpress-forums #bbp-your-profile fieldset.submit button {

background: none repeat scroll 0 0 #9f9f9f;

border: 0 none;

color: #fff;

padding: 10px 20px;

text-transform: uppercase;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.sec-heading2 {

float: left;

margin-bottom: 30px;

position: relative;

width: 100%;

}

.sec-heading2:before, .sec-heading2:after {

bottom: 0;

content: "";

height: 1px;

left: 0;

position: absolute;

width: 95%;

background: #eaeaea;

}

.sec-heading2:after {

bottom: 2px;

right: 0;

left: auto;

}

.sec-heading2 h2 {

color: #555555;

float: left;

font-size: 20px;

font-weight: 300;

line-height: 25px;

padding-bottom: 10px;

position: relative;

width: auto;

}

.sec-heading2 h2 strong {

color: #555555;

float: left;

font-size: 24px;

font-weight: 500;

line-height: 20px;

margin-right: 5px;

}

.sec-heading2 > h2:before {

background: url("../images/diamond-narrow.jpg") no-repeat scroll 0 0 #FFFFFF;

bottom: -6px;

content: "";

height: 15px;

left: 40px;

position: absolute;

width: 15px;

z-index: 5;

}

.blackish:before {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);

content: "";

height: 100%;

width: 100%;

position: absolute;

left: 0;

top: 0;

z-index: 0;

}

.sec-heading3 {

float: left;

width: 100%;

margin-bottom: 30px;

}

.sec-heading3 h2{

font-family:roboto;

font-size:24px;

font-weight:400;

color:#FFF;

}

.sec-heading3 h2 i{

font-style:normal;

text-transform:uppercase;

font-size:20px;

font-weight:300;

}

.gallery-video iframe {

height: 300px;

}

.count-down1 > li{

float: left;

padding: 2px 20px;

list-style: none: 

text-align: center;

}

.count-down2 > li{

float: left;

padding: 2px 20px;

list-style: none: 

text-align: center;

}

.count-down3 > li{

float: left;

padding: 2px 20px;

list-style: none: 

text-align: center;

}

.count-down4 > li{

float: left;

padding: 2px 20px;

list-style: none: 

text-align: center;

}

/*** BIG CAROUSEL ***/

.container.expand {

float: left;

max-width: 100%;

padding: 0;

width: 100%;

}

.container.expand .row {

margin: 0;

}

.container.expand .row > div{

padding: 0;

}

.full-section,

.big-picture{

float: left;

width: 100%;

}

.big-carousel {

float: left;

width: 100%;

position: relative;

}

.big-carousel .flex-direction-nav {

left: 0;

position: absolute;

top: 50%;

width: 100%;

height: 0;

z-index: 10000;

padding: 0 20px;

}

.big-carousel .flex-direction-nav li {

background: none repeat scroll 0 0 rgba(0,0,0,0.4);

color: transparent;

float: left;

height: 40px;

margin-top:-20px;

text-align: center;

width: 40px;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

-o-border-radius: 50%;

border-radius: 50%;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.big-carousel .flex-direction-nav li:hover{

background: none repeat scroll 0 0 rgba(0,0,0,1);

}

.big-carousel .flex-direction-nav li a {

color: transparent;

float: left;

height: 100%;

width: 100%;

position: relative;

}

.big-carousel .flex-direction-nav li a:before {

color: #fff;

content: "\f053";

font-family: fontawesome;

height: 100%;

left: 0;

opacity: 1;

position: absolute;

text-align: center;

top: 0;

width: 100%;

line-height: 40px;

}

.big-carousel .flex-direction-nav li:last-child a:before {

content: "\f054";

}

.big-carousel .flex-direction-nav li:last-child {

float: right;

}

.big-picture {

position: relative;

z-index: 1;

}

.big-picture > img {

width: 100%;

}

.fixed {

background-attachment:fixed !important;

background-size: cover!important;

height: 100%;

position: absolute;

left: 0;

top: 0;

width: 100%;

margin: 0;

z-index:0;

-webkit-transition: all 0.5s ease 0s;

-moz-transition: all 0.5s ease 0s;

-ms-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}

.full-title {

float: left;

width: 100%;

padding: 30px 0;

}

.full-title span.title-icon {

background: none repeat scroll 0 0 #fff;

float: left;

font-size: 40px;

height: 95px;

line-height: 95px;

margin-right: 30px;

text-align: center;

width: 95px;

-webkit-border-radius: 15px 3px;

-moz-border-radius: 15px 3px;

-ms-border-radius: 15px 3px;

-o-border-radius: 15px 3px;

border-radius: 15px 3px;

-webkit-box-shadow: 1px 1px 2px #303030;

-moz-box-shadow: 1px 1px 2px #303030;

-ms-box-shadow: 1px 1px 2px #303030;

-o-box-shadow: 1px 1px 2px #303030;

box-shadow: 1px 1px 2px #303030;

}

.full-title h2 {

color: #fff;

font-family: open sans;

font-size: 35px;

font-weight: 800;

margin-top: 10px;

padding-bottom: 10px;

}

.full-title span {

font-family: open sans;

font-size: 18px;

color: #FFF;

font-weight: 600;

}

.short-desc {

background: none repeat scroll 0 0 rgba(75, 75, 75, 0.96);

padding: 20px;

position: absolute;

right: 100px;

top: 180px;

width: 45%;

z-index: 1;

-webkit-border-radius: 15px 3px;

-moz-border-radius: 15px 3px;

-ms-border-radius: 15px 3px;

-o-border-radius: 15px 3px;

border-radius: 15px 3px;

}

.short-desc > h4 {

color: #fff;

font-family: open sans;

font-size: 20px;

font-weight: 700;

margin-bottom: 10px;

}

.short-desc > p {

color: #fff;

font-family: open sans;

font-size: 14px;

letter-spacing: 0.3px;

line-height: 24px;

}

.short-desc > a {

float: left;

font-family: open sans;

font-size: 11px;

padding: 7px 20px;

text-transform: uppercase;

color: #FFF;

border:1px solid #FFF;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.short-desc > a:hover{background:none;border:1px solid #FFF;}

.short-desc > ul {

float: right;

}

.short-desc > ul li {

float: left;

margin-left: 7px;

}

.short-desc > ul li a {

background: none repeat scroll 0 0 #575757;

border: 1px solid #939392;

color: #fff;

float: left;

height: 26px;

line-height: 26px;

text-align: center;

width: 26px;

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

-ms-border-radius: 7px;

-o-border-radius: 7px;

border-radius: 7px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.short-desc > ul li a i {

float: left;

line-height: 24px;

width: 100%;

}

.fixed.whitish:before {

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

content: "";

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

}

/*** OUR MISSIONS ***/

.mission {

text-align: center;

margin-top: 15px;

}

.mission > h4 {

color: #3b3b3b;

font-family: open sans;

font-size: 25px;

font-weight: 700;

margin-bottom: 10px;

}

.mission p {

color: #674244;

font-family: open sans;

font-size: 16px;

letter-spacing: 0.3px;

line-height: 30px;

margin: 0;

}

.remove-ext{

float: left;

width: 100%;

margin-bottom: -30px;

}

.counting {

color: #fff;

float: left;

margin-bottom: 30px;

overflow: hidden;

padding: 30px 10px;

position: relative;

text-align: center;

width: 100%;

z-index: 1;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.counting:before {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

content: "";

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: -1;

}

.counting > div {

background-repeat: no-repeat !important;

background-size: 100% 100% !important;

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: -2;

}

h3.count {

font-family: open sans;

font-size: 46px;

font-weight: 700;

line-height: 36px;

margin-bottom: 10px;

}

.counting > span {

float: left;

font-family: open sans;

font-size: 13px;

padding: 10px 10px 0;

width: 100%;

}

/*** SERVICES NEW STYLE ***/

.service {

float: left;

text-align: center;

width: 100%;

}

.service > img {

margin-bottom: 20px;

}

.service > h4 {

float: left;

width: 100%;

color: #0e0e0e;

font-family: open sans;

font-size: 20px;

font-weight: 700;

margin-bottom: 20px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

text-transform: uppercase;

}

.service > h4 span {

font-weight: 400;

}

.service > p {

color: #0e0e0e;

font-family: open sans;

font-size: 14px;

font-weight: 300;

letter-spacing: 0.3px;

line-height: 24px;

margin: 0;

}

.service > a {

background: none repeat scroll 0 0 #00c3f4;

color: #fff;

display: inline-block;

font-family: open sans;

font-size: 15px;

font-weight: 600;

margin-top: 20px;

padding: 10px 30px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.service > a:hover {background: #afafaf;}

#para_vid > iframe {

float: left;

width: 100%;

}

.service > i {

color: #9b9b9b;

float: left;

font-size: 50px;

margin-bottom: 20px;

width: 100%;

}

/*** MISSION ***/

.single-mission {

float: left;

width: 100%;

margin-bottom: 30px;

}

.mission-img {

float: left;

width: 100%;

margin-bottom: 20px;

}

.mission-img a {

float: left;

overflow: hidden;

position: relative;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.mission-img a:before {

background: url("../images/link-arrow.png") no-repeat scroll center center black;

content: "";

height: 100%;

left: 0;

opacity: 0;

position: absolute;

top: 0;

width: 100%;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.mission-img a:hover:before{

opacity: 0.7;

}

.mission-img a img{

width: 100%;

height:auto;

}

.single-mission > h3 {

color: #707070;

font-family: source sans pro;

font-size: 16px;

font-weight: 500;

float: left;

width: 100%;

margin-bottom: 10px;

}

.single-mission > h3 a{

color: #707070;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.single-mission > h3 a:hover {

color: #303030;

}

.single-mission > p {

color: #818181;

font-family: open sans;

font-size: 13px;

letter-spacing: 0.2px;

line-height: 22px;

margin: 0;

}

.mission-carousel {

float: left;

margin-bottom: -30px;

position: relative;

width: 100%;

}

.mission-carousel .flex-direction-nav {

position: absolute;

right: 0;

top: -80px;

}

.mission-carousel .flex-direction-nav li {

float: left;

margin-left: 10px;

}

.mission-carousel .flex-direction-nav li a {

background: none repeat scroll 0 0 #c1c1c1;

color: transparent;

float: left;

height: 30px;

width: 30px;

position: relative;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.mission-carousel .flex-direction-nav li a:hover{

background-color: #959494;

}

.mission-carousel .flex-direction-nav li a:before {

content: "\f104";

font-family: fontawesome;

font-size: 16px;

height: 100%;

left: 11px;

position: absolute;

top: 4px;

width: 100%;

color: #FFF;

}

.mission-carousel .flex-direction-nav li a.flex-next:before {

content: "\f105";

left: 13px;

top: 4px;

}

.sec-heading3 > h5 {

float: left;

width: 100%;

font-family: open sans;

font-size: 16px;

color: #3b3b3b;

}

.sec-heading3 > h1 {

font-family: roboto;

font-size: 22px;

color: #3b3b3b;

}

.sec-heading3 {

float: left;

width: 100%;

margin-bottom: 30px;

}

.sponsor {

float: left;

width: 100%;

}

.sponsor > img {

float: left;

width: 100%;

-webkit-border-radius: 3px 3px 0 0;

-moz-border-radius: 3px 3px 0 0;

-ms-border-radius: 3px 3px 0 0;

-o-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}

.sponsor-desc {

float: left;

width: 100%;

border-left: 1px solid #cacaca;

border-right: 1px solid #cacaca;

border-bottom: 1px solid #cacaca;

padding: 30px 20px;

-webkit-border-radius: 0 0 3px 3px;

-moz-border-radius: 0 0 3px 3px;

-ms-border-radius: 0 0 3px 3px;

-o-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

.sponsor-desc > p {

color: #777777;

float: left;

font-family: open sans;

font-size: 13px;

line-height: 26px;

margin-bottom: 20px;

width: 100%;

}

.sponsor-desc > a {

float: left;

font-family: open sans;

font-size: 11px;

padding: 5px 10px;

cursor: pointer;

color: #FFF;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.sponsor-desc > a:hover {background: #BFBFBF;}

/*** RECENT NEWS ***/

.recent-news {

float: left;

width: 100%;

margin-bottom: 30px;

}

.news-img {

float: left;

overflow: hidden;

width: 100%;

position: relative;

z-index: 1;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.news-img:before {

content: "";

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: darkslategrey;

opacity: 0;

z-index: 100;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.recent-news:hover .news-img:before{

opacity: 0.7;

}

.news-img > img {

width: 100%;

height:  auto;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.recent-news:hover .news-img img{

-webkit-transform:scale(1.4);    

-moz-transform:scale(1.4);    

-ms-transform:scale(1.4);    

-o-transform:scale(1.4);    

transform:scale(1.4);    

}

.recent-news h4 {

color: #474747;

float: left;

font-family: source sans pro;

font-size: 15px;

margin-bottom: 10px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

width: 100%;

text-transform: uppercase;

}

.recent-news h4 a{

color: #474747;

}

.recent-news p {

color: #818181;

float: left;

font-family: open sans;

font-size: 13px;

margin-bottom: 0;

width: 100%;

line-height: 21px;

}

/*** FEATURED POSTS ***/

.featured-posts {

float: left;

margin-bottom: -30px;

width: 100%;

}

.featured {

float: left;

margin-bottom: 30px;

width: 100%;

}

.featured-img {

float: left;

width: 100%;

position: relative;

overflow: hidden;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.featured-img > img {

width: 100%;

height:auto;

}

.featured-img > a {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

bottom: 0;

color: #fff;

font-size: 20px;

height: 50px;

line-height: 60px;

position: absolute;

right: 0;

text-align: center;

width: 50px;

-webkit-border-radius: 33px 0 0;

-moz-border-radius: 33px 0 0;

-ms-border-radius: 33px 0 0;

-o-border-radius: 33px 0 0;

border-radius: 33px 0 0;

-webkit-transition:all 0.4s linear 0s;

-moz-transition:all 0.4s linear 0s;

-ms-transition:all 0.4s linear 0s;

-o-transition:all 0.4s linear 0s;

transition:all 0.4s linear 0s;

}

.featured-img:hover > a {

width: 100%;

height: 100%;

border-radius: 0;

}

.featured-img > a i {

height: 50px;

left: 50%;

line-height: 50px;

margin-left: -25px;

margin-top: -25px;

position: absolute;

top: 50%;

width: 50px;

-webkit-transition:all 0.4s linear 0s;

-moz-transition:all 0.4s linear 0s;

-ms-transition:all 0.4s linear 0s;

-o-transition:all 0.4s linear 0s;

transition:all 0.4s linear 0s;

}

.featured-img:hover > a i{

background-color: rgba(0,0,0,0.8);

}

.featured-details > h3 {

font-family: open sans;

font-size: 15px;

color: #474747;

float: left;

width: 100%;

margin: 15px 0;

line-height: 20px;

font-weight: 600;

}

.featured-details > h3 a{

color: #474747;

}

.featured-details > p {

font-family: open sans;

font-size: 13px;

color: #777;

line-height: 26px;

float: left;

width: 100%;

margin-bottom: 20px;

}

.featured-details > a {

float: left;

font-family: open sans;

font-size: 13px;

font-weight: 600;

position:relative;

}

.featured-details > a:before {

background: #000000 none repeat scroll 0 0;

bottom: -2px;

content: "";

height: 2px;

left: 0;

position: absolute;

width: 0;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.featured-details > a:hover:before{width:30px;}

#wpadminbar{

z-index: 100000000000;

}

/*** NEW HEADER STYLE ***/

#top-bar.modern{

background-color: rgba(0, 0, 0, 0.95);

}

#top-bar .header-social li {

    line-height: 30px;

    margin: 0 3px;

    padding: 0;

    text-align: center;

}

#top-bar .header-social li:hover a{width:43px}

.header-social {

    float: right;

    padding-top: 11px;

}

#top-bar .header-social li a {

    background: #ffffff none repeat scroll 0 0;

    color: #777777;

    float: left;

    font-size: 13px;

    margin: 0;

    width: 30px;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;    

}

#top-bar .header-social li a i {margin:0}

header.header2{

background: rgb(255,255,255);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );

float: left;

margin-top: 40px;

position: relative;

top: 0;

width: 100%;

}

header.header2 #menu-navigation li a{

color: #666666;

font-size: 13px;

text-transform: uppercase;

}

header.header2 #menu-navigation li a:hover{

background: none;

}

header.header2 #menu-navigation li:hover > a{

color: #FFF;

}

header.header2 #menu-navigation li a:before{

display: none;

}

header.header2 #menu-navigation > li:before,

header.header2 #menu-navigation > li.active:before,

header.header2 #menu-navigation > li:after,

header.header2 #menu-navigation > li.active:after{

display: none;

}

header.header2 .menu ul li ul{

top: 100%;

}

header.header2 .menu ul li ul li ul{

top:-3px;

}

header.header2 #menu-navigation li a i {

font-size: 7px;

left: 20px;

position: absolute;

top: 42px;

opacity: 0;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

header.header2 #menu-navigation li:hover a i {

opacity: 1;

left: 10px;

}

header.header2 #menu-navigation li ul li a {

font-size: 12px;

}

.header-btn {

float: right;

font-family: roboto;

font-size: 11px;

margin-top: 30px;

padding: 10px 15px;

color: #FFF;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.header-btn:hover {

background: #ffffff;

color: #3f3f3f;

}

#top-bar.modern li {

color: #9c9191;

font-size: 12px;

}

header.header2.stick .header-btn {

margin-top: 12px;

}

header.header2.stick {

top: 0;

position: fixed;

margin-top: 0;

}

header.header3.stick {

top: 0;

}

/*** NEW HEADER STYLE ***/

#top-bar.gray{

background: rgb(232,232,232);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(226,226,226,1) 51%, rgba(219,219,219,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(51%,rgba(226,226,226,1)), color-stop(100%,rgba(219,219,219,1)));

background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);

background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);

background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);

background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dbdbdb',GradientType=0 );

}

.header-counter h3 {

color: #555555;

float: left;

font-family: open sans;

font-size: 14px;

line-height: 20px;

margin-top: 5px;

width: 100%;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

}

.header-counter .event-count span{

color: #888888;

float: left;

font-family: open sans;

font-size: 12px;

margin-bottom: 7px;

width: 100%;

}

.event-count {

float: left;

width: 45%;

}

.header-counter {

float: left;

width: 60%;

}

header.header3 {

background: none;

top: 49px;

}

.header-event {

float: left;

width: 30%;

}

#top-bar .countdown li {

    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;

    margin: 0 0.5%;

    padding: 8px 0;

    width: 24%;

}

.header-event .countdown li span {

    font-size: 12px;

}

.header-event .countdown li p {

    color: #333333;

    font-size: 10px;

    letter-spacing: 0;

}

#top-bar .countdown {

    padding: 0;

}

.header-counter .header-btn {

float: left;

margin: 6px 0 0 3px;

}

.search-box.white {

background: none repeat scroll 0 0 #fff;

height: 32px;

width: 204px;

position: relative;

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

-ms-border-radius: 20px;

-o-border-radius: 20px;

border-radius: 20px;

}

.search-box.white .search-input {

border: 0;

width: 170px;

height: 32px;

float: left;

color: #cac9c9;

padding: 5px 20px;

text-align: left;

font-size: 12px;

font-family: roboto;

}

.search-box.white:before {

content: "\f002";

font-family: fontawesome;

line-height: 32px;

position: absolute;

right: 0;

width: 24px;

}

.search-box.white .submit-button {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

color: transparent;

margin-left: 0;

margin-top: 7px;

position: relative;

border-left: 1px solid #b3b2b2;

width: 34px;

}

header.header3 > .container {

background: rgb(255,255,255);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );

-webkit-border-radius: 0 0 3px 3px;

-moz-border-radius: 0 0 3px 3px;

-ms-border-radius: 0 0 3px 3px;

-o-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

header.header3 .logo {

padding: 20px 0;

}

header.header3 .menu {

margin: 0 30px 0 0;

}

header.header3 #menu-navigation > li:before, 

header.header3 #menu-navigation > li.active:before,

header.header3 #menu-navigation > li:after, 

header.header3 #menu-navigation > li.active:after,

header.header3 #menu-navigation li a:before, 

header.header3 #menu-navigation > li.active > a:before{

display: none;

}

header.header3 #menu-navigation > li > a {

color: #666666;

font-size: 13px;

padding: 40px 20px;

text-transform: uppercase;

}

header.header3 #menu-navigation > li:hover > a{

color: #FFF;

}

header.header3 #menu-navigation > li > a i {

position: absolute;

left: 10px;

top: 46px;

color: #FFF;

font-size: 7px;

-webkit-transform:scale(0);

-moz-transform:scale(0);

-ms-transform:scale(0);

-o-transform:scale(0);

transform:scale(0);

-webkit-transition:all 0.2s linear;

-moz-transition:all 0.2s linear;

-ms-transition:all 0.2s linear;

-o-transition:all 0.2s linear;

transition:all 0.2s linear;

}

header.header3 #menu-navigation > li:hover > a i{

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1);

}

header.header3 .menu > ul > li:hover ul {

top: 80%;

}

header.header3 .menu > ul > li ul {

border: 0 none;

-webkit-box-shadow: 0 0 3px #8c8c8c;

-moz-box-shadow: 0 0 3px #8c8c8c;

-ms-box-shadow: 0 0 3px #8c8c8c;

-o-box-shadow: 0 0 3px #8c8c8c;

box-shadow: 0 0 3px #8c8c8c;

}

header.header3 .menu > ul > li ul li:hover ul{

top: 0;

} 

header.header3 .menu > ul > li ul li:first-child{

-webkit-border-radius: 3px 3px 0 0;

-moz-border-radius: 3px 3px 0 0;

-ms-border-radius: 3px 3px 0 0;

-o-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}

header.header3 .menu > ul > li ul li:last-child{

-webkit-border-radius: 0 0 3px 3px;

-moz-border-radius: 0 0 3px 3px;

-ms-border-radius: 0 0 3px 3px;

-o-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

#menu-navigation ul.mega-menu2 {

width: 870px;

left: -9999px;

padding: 10px 30px 20px;

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);

}

#menu-navigation ul.mega-menu2:before {

border-top: 1px solid #d3d3d3;

content: "";

left: 30px;

position: absolute;

bottom: 20px;

width: 810px;

}

#menu-navigation li:hover ul.mega-menu2{

left: -400px;

}

header.header3 #menu-navigation li ul{

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);

}

#menu-navigation ul.mega-menu2 > li,

#menu-navigation ul.mega-menu2 > li:hover{    

background: none;

width: 33.334%;

}

#menu-navigation ul.mega-menu2 > li a:hover{

background: none;

}

header.header3 #menu-navigation ul.mega-menu2 li:hover,

header.header3 #menu-navigation ul.mega-menu2 > li:hover > a{

background: none;

}

#menu-navigation ul.mega-menu2 li a {

font-family: roboto;

font-size: 13px;

color: #666;

text-transform: uppercase;

}

#menu-navigation ul.mega-menu2 li ul li:hover a{

color: #FFF;

}

header.header3 #menu-navigation li ul li{

background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;

}

#menu-navigation li ul li a span {

background: none repeat scroll 0 0 black;

color: #fff;

padding: 2px 13px;

position: absolute;

right: 10px;

top: 10px;

font-size: 12px;

font-family: roboto;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

header.header3 #menu-navigation li ul li a {

color: #666;

font-family: open sans;

font-size: 12px;

text-transform: uppercase;

}

header.header3 #menu-navigation li ul li:hover a{ 

background: none;

}

header.header3.stick .logo {

padding: 5px 0;

}

header.header3.stick #menu-navigation > li > a {

padding: 25px 20px;

}

.our-cause {

float: left;

position: relative;

width: 100%;

margin-bottom: 30px;

}

.our-cause-img {

float: left;

overflow: hidden;

position: relative;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.our-cause-img > img {

width: 100%;

height:auto;

}

.our-cause-img:before{

content: "";

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

opacity: 0.89;

-webkit-transform:skewX(100deg) rotateX(90deg);

-moz-transform:skewX(100deg) rotateX(90deg);

-ms-transform:skewX(100deg) rotateX(90deg);

-o-transform:skewX(100deg) rotateX(90deg);

transform:skewX(100deg) rotateX(90deg);

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.our-cause:hover .our-cause-img:before{

-webkit-transform:skewX(0deg) rotateX(0deg);

-moz-transform:skewX(0deg) rotateX(0deg);

-ms-transform:skewX(0deg) rotateX(0deg);

-o-transform:skewX(0deg) rotateX(0deg);

transform:skewX(0deg) rotateX(0deg);

}

.our-cause-detail {

background: none repeat scroll 0 0 #fff;

border: 1px solid #e7e7e7;

float: left;

margin-left:2%;

margin-top: -20px;

padding: 20px;

position: relative;

text-align: center;

width: 96%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: 0 0 13px #e9e9e9 inset;

-moz-box-shadow: 0 0 13px #e9e9e9 inset;

-ms-box-shadow: 0 0 13px #e9e9e9 inset;

-o-box-shadow: 0 0 13px #e9e9e9 inset;

box-shadow: 0 0 13px #e9e9e9 inset;

}

.our-cause-detail > h3 {

font-family: open sans;

font-size: 16px;

color: #656565;

text-transform: uppercase;

font-weight: 600;

float: left;

width: 100%;

margin-bottom: 10px;

}

.our-cause-detail > span {

color: #857f7f;

float: left;

font-family: open sans;

font-size: 13px;

font-style: italic;

font-weight: 500;

margin-bottom: 10px;

width: 100%;

}

.our-cause-detail > p {

color: #818181;

font-family: noto sans;

font-size: 13px;

line-height: 24px;

letter-spacing: 0.2px;

float: left;

width: 100%;

margin-bottom: 10px;

}

.our-cause-detail > i {

font-family: roboto;

font-size: 14px;

color: #50504f;

font-style: normal;

float: left;

width: 100%;

margin-bottom: 10px;

}

.our-cause-detail > i span,.our-cause-detail > i strong {

font-size: 18px;

font-weight: 500;

}

.our-cause-detail > a {

color: #ffffff;

display: inline-block;

font-family: open sans;

font-size: 11px;

padding: 7px 15px;

cursor: pointer;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.our-cause-detail > a:hover{padding:7px 20px;}

.our-cause-img > a {

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

height: 48px;

left: 50%;

margin-left: -24px;

margin-top: -24px;

position: absolute;

top: 50%;

width: 48px;

z-index: 1;

color: #666;

font-size: 20px;

text-align: center;

line-height: 48px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

-webkit-transition:all 0.7s ease 0.2s;

-moz-transition:all 0.7s ease 0.2s;

-ms-transition:all 0.7s ease 0.2s;

-o-transition:all 0.7s ease 0.2s;

transition:all 0.7s ease 0.2s;

-webkit-transform:scale(0) rotateY(360deg);

-moz-transform:scale(0) rotateY(360deg);

-ms-transform:scale(0) rotateY(360deg);

-o-transform:scale(0) rotateY(360deg);

transform:scale(0) rotateY(360deg);

}

.our-cause:hover .our-cause-img > a{

-webkit-transform:scale(1) rotateY(0deg);

-moz-transform:scale(1) rotateY(0deg);

-ms-transform:scale(1) rotateY(0deg);

-o-transform:scale(1) rotateY(0deg);

transform:scale(1) rotateY(0deg);

}

.fancy-cause {

float: left;

position: relative;

width: 100%;

margin-bottom: 30px;

overflow: hidden;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.fancy-cause > img {

width: 100%;

height:auto;

}

.fancy-cause-intro {

background: none repeat scroll 0 0 #fff;

border: 1px solid #eeeeee;

bottom: 0;

float: left;

left: 0;

padding: 25px 20px;

position: absolute;

width: 100%;

-webkit-border-radius: 0 0 3px 3px;

-moz-border-radius: 0 0 3px 3px;

-ms-border-radius: 0 0 3px 3px;

-o-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

-webkit-box-shadow: 0 0 6px #f4f4f4 inset;

-moz-box-shadow: 0 0 6px #f4f4f4 inset;

-ms-box-shadow: 0 0 6px #f4f4f4 inset;

-o-box-shadow: 0 0 6px #f4f4f4 inset;

box-shadow: 0 0 6px #f4f4f4 inset;

-webkit-transition:all 0.4s linear;

-moz-transition:all 0.4s linear;

-ms-transition:all 0.4s linear;

-o-transition:all 0.4s linear;

transition:all 0.4s linear;

}

.fancy-cause:hover .fancy-cause-intro{

bottom: -40px;

opacity: 0;    

}

.fancy-cause-intro > i {

color: #857f7f;

float: left;

font-family: roboto;

font-size: 13px;

line-height: 16px;

margin-bottom: 10px;

width: 100%;

}

.fancy-cause-intro > h3 {

color: #656565;

float: left;

font-family: open sans;

font-size: 15px;

font-weight: 600;

width: 100%;

}

.fancy-cause-intro > span {

background: none repeat scroll 0 0 #fff;

color: #50504f;

font-family: roboto;

font-size: 16px;

padding: 12px 15px;

position: absolute;

right: 10px;

text-align: center;

top: -40px;

width: 150px;

-webkit-border-radius: 3px 3px 0 0 ;

-moz-border-radius: 3px 3px 0 0 ;

-ms-border-radius: 3px 3px 0 0 ;

-o-border-radius: 3px 3px 0 0 ;

border-radius: 3px 3px 0 0 ;

}

.fancy-cause-intro span i {

float: left;

font-size: 11px;

font-weight: 400;

width: 100%;

color: #857f7f;

}

.fancy-cause-hover {

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);

border: 1px solid #e7e7e7;

height: 100%;

left: 0;

padding: 50px 30px;

position: absolute;

text-align: center;

top: 0;

width: 100%;

opacity: 0;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

-webkit-transform:scale(1.3);

-moz-transform:scale(1.3);

-ms-transform:scale(1.3);

-o-transform:scale(1.3);

transform:scale(1.3);

-webkit-transition:all 0.4s ease 0.3s;

-moz-transition:all 0.4s ease 0.3s;

-ms-transition:all 0.4s ease 0.3s;

-o-transition:all 0.4s ease 0.3s;

transition:all 0.4s ease 0.3s;

}

.fancy-cause:hover .fancy-cause-hover{

opacity: 1;

-webkit-transform:scale(1);

-moz-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1);

}

.fancy-cause-hover > p {

color: #818181;

font-family: noto sans;

font-size: 13px;

letter-spacing: 0.2px;

line-height: 24px;

margin-bottom: 20px;

}

.fancy-cause-hover > span {

color: #50504f;

display: table;

font-family: roboto;

font-size: 14px;

margin: 0 auto 20px;

}

.fancy-cause-hover > span strong {

font-size: 18px;

}

.fancy-cause-hover > span i {

color: #50504f;

font-size: 18px;

font-style: normal;

}

.fancy-cause-hover > span a {

font-family: roboto;

font-size: 11px;

color: #FFF;

background: black;

margin: 0 3px;

padding: 6px 15px;

display: inline-block;

overflow:hidden;

position:relative;

cursor:pointer;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

z-index:1;

}

.fancy-cause-hover > span a:before {

content: "";

position: absolute;

left: 0;

top:50%;

width: 100%;

height:0;

background: black;

opacity: 0.8;

z-index: -1;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.fancy-cause-hover > span a:hover:before{top:0;height:100%;}

.drop-right:hover ul {

left: 230px!important;

}

.modal{

z-index:999999991;

}

.wpb_layerslider_element {

margin-bottom: 0px;

}

.toggle-header .icon-circle, .sticky .icon-circle, .middle-logo .icon-circle, 

.default-header .icon-circle {

display: none;

}

/*====================================

LIFELINE NEW HOME PAGE 

=====================================*/

.gray {

background: none repeat scroll 0 0 #fbf7f7;

}

.no-container .container {

float: left;

max-width: none;

width: 100%;

overflow: hidden;

}

.fancy-donation {

float: left;

width: 100%;

min-height: 425px;

position: relative;

z-index: 1;

}

.fancy-donation:before {

background: none repeat scroll 0 0 #000000;

content: "";

height: 100%;

opacity: 0.9;

width: 100%;

position: absolute;

left: 0;

top: 0;

z-index: 1;

}

.fancy-donation > img {

height: 100%;

width: 100%;

position: absolute;

left: 0;

top: 0;

}

.donation-appeal {

float: left;

margin-left: 20%;

padding-top: 40px;

position: relative;

text-align: center;

width: 60%;

z-index: 1;

}

.donation-appeal > h3 {

border-bottom: 1px solid #5d5d5d;

color: #ffffff;

display: inline-block;

font-family: roboto;

font-size: 30px;

font-weight: 300;

letter-spacing: 0.3px;

margin-bottom: 30px;

padding-bottom: 20px;

padding-top: 20px;

}

.donation-appeal > h6 {

border-bottom: 1px solid #5d5d5d;

color: #ffffff;

display: inline-block;

font-family: open sans;

font-size: 12px;

letter-spacing: 5px;

padding-bottom: 10px;

text-transform: uppercase;

}

.donation-appeal > h3 strong {

display: list-item;

font-size: 20px;

font-weight: 500;

margin-top: 7px;

}

.donation-appeal > p {

color: #cdcdcd;

display: inline-block;

font-family: open sans;

font-size: 13px;

line-height: 26px;

margin: 0;

}

.donation-appeal > a,

.urgent-cause > a{

color: #ffffff;

display: inline-block;

font-family: open sans;

font-size: 13px;

margin-top: 30px;

padding: 13px 35px;

position: relative;

text-transform: uppercase;

z-index: 1;

letter-spacing: 0.4px;

}

.donation-appeal > a:before,

.urgent-cause > a:before{

background: none repeat scroll 0 0 #000000;

content: "";

height: 100%;

width: 100%;

opacity: 0.6;

position: absolute;

left: 0;

top: 0;

z-index: -1;

-webkit-transition:all 0.2s linear;

-moz-transition:all 0.2s linear;

-ms-transition:all 0.2s linear;

-o-transition:all 0.2s linear;

transition:all 0.2s linear;

}

.donation-appeal > a:hover:before, 

.urgent-cause > a:hover:before{

opacity: 1;

}

/*** HEADING STYLE 4 ***/

.sec-heading4 {

float: left;

text-align: center;

width: 100%;

margin-bottom: 35px;

}

.sec-heading4 h2 {

display: inline-block;

font-family: roboto;

font-size: 26px;

font-weight: 400;

margin-bottom: 5px;

}

.sec-heading4 > p {

color: #999999;

display: table;

font-family: open sans;

font-size: 12px;

margin-bottom: 0;

margin-left: auto;

margin-right: auto;

}

.wide-project-carousel {

float: left;

width: 100%;

background: #FFF;

position: relative;

overflow: hidden;

}

.wide-project-detail {

background: url(../images/full-wide-projects.jpg) no-repeat scroll center transparent;

float: left;

width: 100%;

padding: 65px 30px 30px 70px;

position: relative;

z-index: 1;

}

.wide-project-detail:before {

width: 100%;

height: 100%;

content: "";

position: absolute;

left: 0;

top: 0;

background: white;

opacity: 0.9;

z-index: -1;

}

.wide-project-detail {

float: left;

width: 100%;

padding: 65px 30px 30px 70px;

}

.wide-project-detail > h2 {

float: left;

width: 100%;

color: #4b4b4b;

font-family: roboto;

font-size: 24px;

font-weight: 400;

margin-bottom: 5px;

}

.wide-project-detail > h2 a{

color: inherit;

-webkit-transition:all 0.2s linear;

-moz-transition:all 0.2s linear;

-ms-transition:all 0.2s linear;

-o-transition:all 0.2s linear;

transition:all 0.2s linear;

}

.wide-project-detail > h3 {

float: left;

width: 100%;

font-family: roboto;

font-size: 18px;

font-weight: 600;

margin-bottom: 20px;

}

.wide-project-detail > p {

float: left;

width: 100%;

color: #888888;

font-family: open sans;

font-size: 13px;

line-height: 26px;

margin: 0 0 30px ;

}

.wide-project-img {

float: left;

width: 100%;

}

.wide-project-img img{

width: 100%;

height:auto;

}

.money-spent {

float: left;

}

.money-spent > h5 {

color: #7c7c7c;

font-family: roboto;

font-size: 30px;

line-height: 20px;

margin-bottom: 5px;

}

.money-spent > h5 i {

font-size: 22px;

font-style: normal;

margin-right: 5px;

}

.money-spent > span {

color: #929292;

float: right;

font-family: roboto;

font-size: 12px;

}

.project-contact {

border-left: 1px dotted #969696;

color: #929292;

float: left;

font-family: roboto;

font-size: 13px;

font-style: italic;

margin-left: 30px;

padding-bottom: 10px;

padding-left: 30px;

padding-top: 10px;

}

.wide-project-carousel .flex-direction-nav {

bottom: 0;

position: absolute;

right: 0;

z-index: 10;

}

.wide-project-carousel .flex-direction-nav {

bottom: -65px;

position: absolute;

right: 0;

z-index: 10;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.wide-project-carousel:hover .flex-direction-nav{

bottom: 5px;

}

.wide-project-carousel .flex-direction-nav li {

float: left;

height: 50px;

width: 50px;

color: rgba(0, 0, 0, 0);

margin-right: 5px;

}

.wide-project-carousel .flex-direction-nav li a {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

color: rgba(0, 0, 0, 0);

position: relative;

float: left;

height: 50px;

width: 100%;

}

.wide-project-carousel .flex-direction-nav li a:before {

color:#afafaf;

content: "\f104";

font-family: fontawesome;

font-size: 30px;

height: 100%;

width: 100%;

line-height: 50px;

text-align: center;

position: absolute;

left: 0;

top: 0;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.wide-project-carousel .flex-direction-nav li a:hover:before{

color: #FFF;

}

.wide-project-carousel .flex-direction-nav li a.flex-next:before {

content: "\f105";

}

/*** Charity Causes ***/

.charity-causes {

float: left;

width: 100%;

margin-bottom: -30px;

}

.charity-cause {

float: left;

width: 100%;

margin-bottom: 30px;

}

.charity-cause-img {

float: left;

width: 100%;

overflow: hidden;

}

.charity-cause-img img {

    width: 100%;

    height: auto;

}

.charity-cause-img > img {

width: 100%;

height:auto;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.charity-cause:hover .charity-cause-img > img{

-webkit-transform:scale(1.2);

-moz-transform:scale(1.2);

-ms-transform:scale(1.2);

-o-transform:scale(1.2);

transform:scale(1.2);

}

.charity-cause-detail {

float: left;

width: 100%;

padding: 30px 20px;

text-align: center;

border-bottom: 1px solid #eae1e1;

border-left: 1px solid #eae1e1;

border-right: 1px solid #eae1e1;

}

.charity-cause-detail > h3 {

float: left;

width: 100%;

color: #666666;

font-family: roboto;

font-size: 15px;

font-weight: 400;

letter-spacing: 0.4px;

margin-bottom: 15px;

}

.charity-cause-detail > h3 a{

color: inherit;

-webkit-transition:all 0.2s linear;

-moz-transition:all 0.2s linear;

-ms-transition:all 0.2s linear;

-o-transition:all 0.2s linear;

transition:all 0.2s linear;

}

.charity-cause-detail > p {

color: #888888;

float: left;

font-family: open sans;

font-size: 13px;

line-height: 22px;

margin-bottom: 20px;

width: 100%;

}

.charity-cause-detail .progress {

float: left;

width: 100%;

margin: 0;

height: 7px;

-webkit-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

}

.charity-cause-detail .progress-bar {

-webkit-box-shadow: none;

-moz-box-shadow: none;

-ms-box-shadow: none;

-o-box-shadow: none;

box-shadow: none;

-webkit-border-radius: 15px;

-moz-border-radius: 15px;

-ms-border-radius: 15px;

-o-border-radius: 15px;

border-radius: 15px;    

}

.charity-cause-detail > span {

float: left;

width: 100%;

color: #666666;

font-family: roboto;

font-size: 11px;

font-weight: 200;

margin-top: 10px;

}

.charity-cause-detail > span i {

font-size: 14px;

font-style: normal;

font-weight: 300;

margin-left: 20px;

}

.cause-location {

float: left;

width: 100%;

font-family: roboto;

font-size: 12px;

padding:14px 30px;

text-align: center;

border-bottom: 1px solid #eae1e1;

border-left: 1px solid #eae1e1;

border-right: 1px solid #eae1e1;

}

.cause-location > p {

float: left;

width: 100%;

color: #666666;

margin: 0;

}

/*** Urgent Cause ***/

.urgent-cause {

float: left;

overflow: hidden;

padding: 60px 30px;

position: relative;

text-align: center;

width: 100%;

z-index: 1;

}

.urgent-cause:before {

background: none repeat scroll 0 0 #000000;

content: "";

z-index: -1;

height: 100%;

width: 100%;

opacity: 0.7;

position: absolute;

left: 0;

top: 0;

}

.urgent-cause > img {

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index: -2;

}

.urgent-cause > span {

display: inline-block;

margin-bottom: 30px;

}

.urgent-cause > h3 {

float: left;

width: 100%;

font-family: roboto;

font-size: 26px;

color: #FFF;

}

.urgent-cause > h3 span {

float: left;

width: 100%;

font-weight: 300;

}

.urgent-cause > h5 {

float: left;

width: 100%;

color: #f0eaea;

font-family: roboto;

font-size: 16px;

margin:25px 0 30px;

}

.urgent-cause > h5 a{color:inherit}

.urgent-cause .progress {

float: left;

width: 100%;

margin: 0;

height: 10px;

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

-ms-border-radius: 7px;

-o-border-radius: 7px;

border-radius: 7px;

}

.urgent-cause .progress .progress-bar {

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

-ms-border-radius: 7px;

-o-border-radius: 7px;

border-radius: 7px;

}

.urgent-progress {

float: left;

margin-top: 10px;

padding: 0 20px;

width: 100%;

}

.urgent-progress > span, .urgent-progress > i {

color: #ffffff;

float: left;

font-family: roboto;

font-size: 11px;

font-weight: 300;

}   

.urgent-progress > i {

float: right;

font-style: normal;

}

.urgent-cause > h6 {

float: left;

width: 100%;

margin-top: 25px;

color: #eae9e9;

font-family: source sans pro;

font-size: 14px;

font-style: italic;

margin-bottom: 10px;

}

.urgent-cause > strong {

float: left;

width: 100%;

color: #ffffff;

font-family: source sans pro;

font-size: 24px;

font-weight: 400;

line-height: 26px;

margin-bottom: 20px;

}

.urgent-cause > strong i {

font-style: normal;

margin-right: 2px;

}

.fixed.blackish:before {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

content: "";

height: 100%;

width: 100%;

position: absolute;

left: 0;

top: 0;

}

/*** Simple Parallax ***/

.simple-parallax {

display: table;

margin: 0 auto;

position: relative;

text-align: center;

width: 55%;

padding-bottom: 90px;

padding-top: 50px;

}

.simple-parallax > span {

color: #ffffff;

float: left;

font-family: source sans pro;

font-size: 14px;

margin-bottom: 10px;

width: 100%;

}

.simple-parallax > h3 {

color: #ffffff;

float: left;

font-family: roboto;

font-size: 45px;

font-weight: unset;

margin-bottom: 20px;

width: 100%;

}

.simple-parallax > p {

color: #dedddd;

float: left;

font-family: open sans;

font-size: 14px;

line-height: 30px;

width: 100%;

}

.transparent-btn {

display: inline-block;

position: relative;

color: #ffffff;

font-family: open sans;

font-size: 13px;

font-weight: 600;

padding: 12px 30px;

z-index: 1;

}

.transparent-btn:before {

background: none repeat scroll 0 0 #000000;

content: "";

height: 100%;

width: 100%;

opacity: 0.8;

position: absolute;

left: 0;

top: 0;

z-index: -1;

-webkit-transition:all 0.2s linear;

-moz-transition:all 0.2s linear;

-ms-transition:all 0.2s linear;

-o-transition:all 0.2s linear;

transition:all 0.2s linear;

}

.transparent-btn:hover:before{

opacity: 1;

}

/*** Upcoming Event Bar ***/

.upcoming-bar {

float: left;

width: 100%;

background: url("../images/pattern5.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);

border: 10px solid #ffffff;

padding: 20px 50px;

}

.abt-upcoming-event {

float: left;

width: 100%;

min-height: 63px;

padding-left: 80px;

position: relative;

}

.abt-upcoming-event > span {

position: absolute;

left: 0;

top: 0;

}

.abt-upcoming-event > h3 a {

    color: #ffffff;

    float: left;

    font-family: roboto;

    font-size: 20px;

    font-weight: 400;

    width: 100%;

}

.abt-upcoming-event > ul {

float: left;

width: 100%;

}

.abt-upcoming-event > ul li {

float: left;

font-family: open sans;

font-size: 11px;

margin-right: 20px;

}

.abt-upcoming-event > ul li a i {

margin-right: 5px;

}

.upcoming-bar.overlap {

margin-top: -40px;

}

.upcoming-counter {

    float: left;

    margin-top:5px;

    width: 100%;

}

.upcoming-counter .countdown li p {

    font-size: 14px;

    margin-bottom: 10px;

    font-family: open sans;

    margin-top: 0;

}

.upcoming-counter .countdown li span {

    color: #FFF;

    font-size: 20px;

    font-family: roboto;

}

.upcoming-bar .countdown li::before {

    background: #ffffff none repeat scroll 0 0;

    content: "";

    height: 20px;

    margin-top: -10px;

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

}

.upcoming-bar .countdown > li {position: relative;}

.upcoming-bar .countdown li:last-child::before {display: none;}

/*** Charity Events ***/

.charity-events {

float: left;

width: 100%;

margin-bottom: -30px;

}

.charity-event-img {

float: left;

margin-bottom: 30px;

overflow: hidden;

position: relative;

width: 100%;

}

.charity-event-img:before {

background: none repeat scroll 0 0 #ffffff;

content: "";

height: 100%;

left: 0;

opacity: 0;

position: absolute;

top: 0;

width: 100%;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

}

.charity-event:hover .charity-event-img:before {

opacity: 0.6;

}

.charity-event-img img {

width: 100%;

height:auto;

}

.charity-event-img > a {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

color: #ffffff;

font-family: roboto;

font-size: 16px;

height: 40px;

padding: 10px 20px;

text-align: center;

position: absolute;

right: 0;

top: -40px;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

}

.charity-event:hover .charity-event-img > a {

top: 0;

-webkit-transition: all 0.3s ease 0.2s;

-moz-transition: all 0.3s ease 0.2s;

-ms-transition: all 0.3s ease 0.2s;

-o-transition: all 0.3s ease 0.2s;

transition: all 0.3s ease 0.2s;

}

.charity-event-detail {

float: left;

padding: 0 40px;

text-align: center;

width: 100%;

}

.charity-event-detail > i {

color: #929292;

float: left;

font-family: roboto;

font-size: 16px;

font-weight: 300;

margin-bottom: 10px;

width: 100%;

font-style: normal;

}

.charity-event-detail > i strong {

font-weight: 300;

}

.charity-event-detail > h3 {

float: left;

width: 100%;

color: #666666;

font-family: roboto;

font-size: 18px;

margin-bottom: 20px;

}

.charity-event-detail > h3 a {

color: inherit;

-webkit-transition:all 0.3s linear;

-moz-transition:all 0.3s linear;

-ms-transition:all 0.3s linear;

-o-transition:all 0.3s linear;

transition:all 0.3s linear;

}

.charity-event-detail > span {

float: left;

width: 100%;

color: #969595;

font-family: roboto;

font-size: 11px;

margin-bottom: 20px;

}

.charity-event-detail > p {

float: left;

width: 100%;

color: #888888;

font-family: open sans;

font-size: 13px;

line-height: 24px;

margin-bottom: 30px;

}

.charity-event-detail > span i {

margin-right: 5px;

}

/*** Sponsors Carousel ***/

.sponsors-carousel {

float: left;

width: 100%;

position: relative;

}

.sponsors-carousel a {

display: inline-block;

text-align: center;

width: 100%;

}

.sponsors-carousel a img {

max-width: 100%;

}

.sponsors-carousel .flex-direction-nav {

height: 0;

position: absolute;

top: 50%;

width: 100%;

z-index: 2;

}

.sponsors-carousel .flex-direction-nav li, 

.sponsors-carousel .flex-direction-nav li:last-child {

display: inline-block;

height: 25px;

margin: 0;

margin-top: -12.5px;

position: relative;

z-index: 1;

}

.sponsors-carousel .flex-direction-nav li:last-child {

float: right;

margin-left: 0;

margin-right: -30px;

}

.sponsors-carousel .flex-direction-nav li a {

color: rgba(0, 0, 0, 0);

float: left;

height: 25px;

position: relative;

width: 25px;

outline: none;

}

.sponsors-carousel .flex-direction-nav li a:focus{

outline: none;

}

.sponsors-carousel .flex-direction-nav li a:before {

color: #999999;

content: "\f104";

font-family: fontawesome;

font-size: 34px;

height: 100%;

line-height: 23px;

text-align: center;

width: 100%;

position: absolute;

left: 0;

top: 0;

}

.sponsors-carousel .flex-direction-nav li a.flex-next:before {

content: "\f105";

}

/*** Buddy Press Support ***/

#buddypress {

float: left;

width: 100%;

position: relative;

}

#buddypress div#item-header {

border: 1px solid #efefef;

float: left;

margin-bottom: 40px;

padding: 20px 30px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress div#item-header img.avatar {

border: 4px double #bfbfbf;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress div#item-header div#item-meta {

font-size: 13px;

line-height: 27px;

margin-bottom: 0;

margin-top: 5px;

padding: 0;

}

#item-nav {

float: left;

margin-bottom: 30px;

width: 100%;

}

#buddypress div.item-list-tabs ul li a {

border: 1px solid #dfdfdf;

color: #afafaf;

font-family: open sans;

margin-right: -1px;

padding: 11px 30px;

}

#item-body {

border: 1px solid #dfdfdf;

float: left;

padding: 30px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress div#subnav.item-list-tabs {

margin: 0 0 40px;

}

#buddypress #item-body form#whats-new-form {

float: left;

padding-left: 70px;

position: relative;

width: 100%;

}

#buddypress form#whats-new-form #whats-new-avatar {

left: 0;

position: absolute;

top: 0;

}

#buddypress form#whats-new-form p.activity-greeting {

line-height: 20px;

margin-left: 0;

}

#buddypress form#whats-new-form #whats-new-content {

float: left;

margin: 0;

padding: 0;

width: 100%;

}

#buddypress form#whats-new-form textarea {

background: none repeat scroll 0 0 #efefef;

border: 0 none;

float: left;

height: 40px !important;

padding: 10px 30px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress form#whats-new-form p.activity-greeting {

line-height: 20px;

}

#buddypress #whats-new-options {

float: left;

height: auto !important;

overflow: hidden;

width: 100%;

}

#buddypress form#whats-new-form #whats-new-submit {

margin-bottom: 20px;

}

#buddypress form#whats-new-form #whats-new-submit input {

float: right;

font-size: 14px;

padding: 8px 30px;

}

.activity.single-group {

float: left;

margin-top: 30px;

width: 100%;

}

#buddypress #activity-stream {

margin: 0;

}

#buddypress .activity-list li.mini .activity-avatar img.avatar {

height: auto !important;

margin: 0 !important;

width: auto !important;

}

#item-body #subscription-toggle, #favorite-toggle {

float: right;

}

#buddypress #activity-stream p {

font-size: 13px;

line-height: 20px;

margin: 0;

}

#buddypress div.activity-meta {

float: left;

width: 100%;

}

#buddypress div.activity-meta a {

float: left;

font-size: 9px;

line-height: 15px;

padding: 5px 10px;

text-transform: uppercase;

}

#buddypress div.activity-comments form input {

float: right;

font-size: 12px;

padding: 4px 20px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress div.activity-comments form div.ac-reply-content a {

border: 1px solid #cccccc;

float: right;

font-size: 13px;

line-height: 16px;

margin-right: 10px;

margin-top: 6px;

padding: 5px 20px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress div.activity-comments form .ac-textarea {

border: 1px solid #dfdfdf;

padding: 10px 20px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;    

}

#buddypress div.activity-comments form .ac-textarea textarea {

min-height: 100px;

}

#buddypress a.activity-time-since {

float: right;

}

#buddypress .acomment-meta a, #buddypress .acomment-meta {

color: #434343;

font-size: 12px;

text-transform: capitalize;

}

#buddypress .acomment-options a {

border: 1px solid #cccccc;

float: left;

font-size: 11px;

margin-top: 10px;

padding: 4px 15px;

text-transform: uppercase;

}

.page-title h1 a {

color: inherit;

}

body.activity-permalink #buddypress div.activity-comments {

float: left;

margin-left: 0;

margin-top: 40px;

width: 100%;

}

#buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="text"] {

color: #3f3f3f;

font-family: roboto;

font-weight: 400;

padding: 6px 20px;

width: 260px;

}

#buddypress input[type="submit"]{

background: none repeat scroll 0 0 #000000;

border: 0 none;

color: #ffffff;

float: left;

font-size: 12px;

line-height: 21px;

margin-top: -1px;

padding: 6px 20px;

text-transform: uppercase;

}

#buddypress input[type="submit"]:hover{

border: 0;

}

#buddypress div.dir-search input[type="text"],

#buddypress li.groups-members-search label {

float: left;

margin-right: -1px;

}

#buddypress ul.item-list li a {

float: left;

}

#buddypress ul.item-list li {

float: left;

width: 100%;

}

#buddypress ul.item-list li h5 {

float: left;

font-size: 16px;

font-weight: 400;

margin-right: 10px;

text-transform: capitalize;

}

#buddypress ul.item-list li span.activity {

float: left;

}

#buddypress #item-body div.item-list-tabs ul li a {

font-size: 12px;

padding: 5px 15px;

}

#buddypress #item-body div.item-list-tabs ul li:first-child a {

-webkit-border-radius: 3px 0 0 3px;

-moz-border-radius: 3px 0 0 3px;

-ms-border-radius: 3px 0 0 3px;

-o-border-radius: 3px 0 0 3px;

border-radius: 3px 0 0 3px;

}

#buddypress #item-body div.item-list-tabs ul li:last-child a {

-webkit-border-radius: 0 3px 3px 0;

-moz-border-radius: 0 3px 3px 0;

-ms-border-radius: 0 3px 3px 0;

-o-border-radius: 0 3px 3px 0;

border-radius: 0 3px 3px 0;

}

#buddypress div.item-list-tabs ul li.current a {

font-weight: inherit;

}

#buddypress .standard-form input[type="text"], #buddypress .standard-form textarea {

background: none repeat scroll 0 0 #efefef;

border: 0 none;

color: #afafaf;

font-size: 13px;

line-height: 20px;

padding: 10px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#buddypress .standard-form label, 

#buddypress .standard-form span.label {

color: #535353;

font-weight: 400;

}

#buddypress input[type="file"] {

background: none repeat scroll 0 0 #efefef;

float: left;

margin-bottom: 20px;

padding: 10px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

#delete-group-avatar-button {

float: left;

margin-top: 30px;

width: 100%;

}

#delete-group-avatar-button.generic-button a.edit {

float: left;

font-size: 12px;

padding: 5px 20px;

}

/*=========================================

CONTACT FORM 7

=========================================*/

form.wpcf7-form p {

float: left;

font-family: noto sans;

font-size: 13px;

margin-bottom: 10px;

width: 100%;

}

form.wpcf7-form p span.wpcf7-form-control-wrap {

float: left;

margin: 0;

padding: 0;

width: 100%;

}

form.wpcf7-form p span input, 

form.wpcf7-form p span textarea {

background: none repeat scroll 0 0 #f8f8f8;

border: 1px solid #eeeeee;

float: left;

font-family: roboto;

font-size: 12px;

padding: 10px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

form.wpcf7-form p span textarea{

height: auto;

min-height: 150px;

}

form.wpcf7-form p span input[type="radio"],form.wpcf7-form p span input[type="checkbox"] {

float: left;

margin:10px 10px !important;

width: auto;

}

form.wpcf7-form p span.wpcf7-radio, 

form.wpcf7-form p span.wpcf7-checkbox {

float: left;

margin: 0;

padding: 0;

width: 100%;

}

form.wpcf7-form p span.wpcf7-radio span.wpcf7-list-item,

form.wpcf7-form p span.wpcf7-checkbox span.wpcf7-list-item {

float: left;

line-height: 35px;

margin: 0;

width: 100%;

}

form.wpcf7-form p .wpcf7-submit {

background: none repeat scroll 0 0 #000000;

border: 0 none;

color: #ffffff;

float: right;

font-family: roboto;

font-size: 15px;

font-weight: 600;

padding: 5px 25px;

text-transform: uppercase;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

div.wpcf7-validation-errors,

div.wpcf7-mail-sent-ok {

border: 1px solid #f7e700;

float: left;

margin-top: 10px;

padding: 10px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

div.wpcf7-mail-sent-ok{

border:1px solid #398f14;

}

form.wpcf7-form p span input[type="file"] {

height: auto;

padding: 10px;

}

div.wpcf7-response-output {

float: left;

margin: 20px 0;

padding: 10px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

div.wpcf7 img.ajax-loader {

float: right;

margin-right: 10px;

}

/*=========================================

Gravity Form

=========================================*/

.gform_wrapper h3.gform_title {

float: left;

font-size: 30px;

font-weight: 500;

margin: 0 0 5px;

text-transform: uppercase;

width: 100%;

}

.gform_wrapper span.gform_description {

float: left;

font-size: 14px;

font-weight: 400;

width: 100%;

}

.gform_wrapper h3.gform_title {

float: left;

font-size: 30px !important;

font-weight: 500 !important;

margin: 0 0 5px !important;

text-transform: uppercase;

width: 100% !important;

}

.gform_wrapper span.gform_description {

float: left;

font-size: 14px;

font-weight: 400;

width: 100%;

}

.gform_body {

float: left;

margin-top: 30px;

width: 100%;

}

.gform_wrapper .top_label .gfield_label {

color: #8f8f8f;

float: left;

font-family: open sans;

font-size: 15px;

font-weight: 400 !important;

margin-bottom: 10px !important;

margin-top: 0 !important;

width: 100%;

}

.gform_wrapper .gfield_required {

color: #ff0000;

}

.ginput_container {

float: left;

position: relative;

width: 100%;

}

.gform_wrapper ul li.gfield {

float: left;

margin-bottom: 20px;

width: 100%;

}

.gform_wrapper .top_label input.medium, 

.gform_wrapper .top_label select.medium, 

.gform_wrapper .top_label input.medium, 

.gform_wrapper .top_label textarea, 

.gfield input{

border: 1px solid #dfdfdf !important;

border-radius: 3px !important;

float: left !important;

line-height: 20px!important;

padding: 10px 20px !important;

width: 100% !important;

}

.charleft.ginput_counter {

float: left;

font-family: noto sans;

width: 100%;

}

.gform_wrapper .chzn-container {

float: left;

width: 100% !important;

}

.gform_wrapper .chzn-container-single .chzn-single {

border: 1px solid #dfdfdf;

color: #8f8f8f;

float: left;

height: 37px;

line-height: 34px;

width: 100%;

}

.gform_wrapper .chzn-container-single .chzn-drop {

width: 100% !important;

}

.gform_wrapper .chzn-container-single .chzn-search input {

width: 100% !important;

}

.gform_wrapper .chzn-container-single .chzn-single div b {

background-position: 0 5px;

}

.gform_wrapper .chzn-container .chzn-drop {

width: 100% !important;

}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice {

font-size: 12px;

margin: 7px 10px !important;

padding: 5px 20px;

}

.gform_wrapper .gfield_checkbox li input[type="checkbox"], 

.gform_wrapper .gfield_radio li input[type="radio"], 

.gform_wrapper .gfield_checkbox li input {

margin-top: 5px;

}

.gform_wrapper .gfield_checkbox li label, 

.gform_wrapper .gfield_radio li label {

color: #4f4f4f;

font-weight: 400;

}

.gform_wrapper ul.gfield_radio li input + input {

border: 1px solid #cbcbcb;

height: auto;

padding: 5px 20px;

width: auto !important;

}

.gform_wrapper h2.gsection_title {

color: #6f6f6f;

font-size: 25px !important;

font-weight: 400 !important;

text-transform: uppercase;

}

.gform_confirmation_message_2.gform_confirmation_message {

background: none repeat scroll 0 0 #dff0d8;

border: 1px solid #d6e9c6;

color: #3c763d;

float: left;

margin: 20px 0;

padding: 20px 40px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.gform_wrapper div.validation_error {

background: none repeat scroll 0 0 #f2dede;

border: 1px solid #ebccd1;

color: #a94442;

float: left;

font-size: 14px;

font-weight: 400;

margin: 20px 0 0;

padding: 15px 20px;

width: 100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.ginput_left label, .ginput_full, .ginput_right label {

color: #b3b3b3;

float: left;

font-family: noto sans;

font-size: 12px !important;

font-weight: 400;

margin-bottom: 10px;

width: 100%;

}

.ui-datepicker-trigger {

position: absolute;

right: 10px;

top: 10px;

}

.gform_wrapper .ginput_complex label, 

.gform_wrapper .gfield_time_hour label, 

.gform_wrapper .gfield_time_minute label, 

.gform_wrapper .gfield_date_month label, 

.gform_wrapper .gfield_date_day label, 

.gform_wrapper .gfield_date_year label, 

.gform_wrapper .instruction {

display: inline-block;

line-height: 40px;

margin: 0;

padding: 0 8px;

}

.gform_wrapper .top_label select {

font-size: 13px;

height: 42px;

margin: 0 !important;

padding: 0 10px;

}

.gform_wrapper .ginput_complex .ginput_full input[type="text"], 

.gform_wrapper .ginput_complex .ginput_full input[type="url"], 

.gform_wrapper .ginput_complex .ginput_full input[type="email"], 

.gform_wrapper .ginput_complex .ginput_full input[type="tel"], 

.gform_wrapper .ginput_complex .ginput_full input[type="number"], 

.gform_wrapper .ginput_complex .ginput_full input[type="password"],

.gform_wrapper .ginput_complex input[type="text"], 

.gform_wrapper .ginput_complex input[type="url"], 

.gform_wrapper .ginput_complex input[type="email"], 

.gform_wrapper .ginput_complex input[type="tel"], 

.gform_wrapper .ginput_complex input[type="number"], 

.gform_wrapper .ginput_complex input[type="password"], 

.gform_wrapper .ginput_complex select{

width: 100% !important;

}

.gform_wrapper .ginput_complex label {

float: left;

font-size: 12px !important;

font-weight: 500 !important;

line-height: 20px;

margin: 0;

padding: 0;

width: 100%;

}

.gform_wrapper .ginput_complex .ginput_right,

.gform_wrapper .ginput_complex .ginput_left,

.ginput_left label, .ginput_full{

margin-bottom: 10px;

width: 100%!important;

}

.gform_wrapper {

margin: 0;

max-width: none;

width: 100%;

}

.gform_wrapper .gform_heading {

float: left;

width: 100%;

}

.gform_wrapper .gfield_time_hour, 

.gform_wrapper .gfield_time_minute, 

.gform_wrapper .gfield_date_month, 

.gform_wrapper .gfield_date_day, 

.gform_wrapper .gfield_date_year {

width: 100px;

line-height: 30px;

}

.gform_wrapper .gfield_time_hour input, 

.gform_wrapper .gfield_time_minute input, 

.gform_wrapper .gfield_date_month input, 

.gform_wrapper .gfield_date_day input, 

.gform_wrapper .gfield_date_year input {

float: left !important;

margin-right: 7px;

padding: 10px 5px !important;

width: 50% !important;

}

#gform_preview_3_8 {

float: left;

margin-top: 20px;

width: 100%;

}

.gform_wrapper .ginput_complex .ginput_right input[type="text"], 

.gform_wrapper .ginput_complex .ginput_right input[type="url"], 

.gform_wrapper .ginput_complex .ginput_right input[type="email"], 

.gform_wrapper .ginput_complex .ginput_right input[type="tel"], 

.gform_wrapper .ginput_complex .ginput_right input[type="number"], 

.gform_wrapper .ginput_complex .ginput_right input[type="password"], 

.gform_wrapper .ginput_complex .ginput_right select {

width: 100% !important;

}

table tbody tr.gfield_list_row_odd, table tbody tr.gfield_list_row_even {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.gform_wrapper table.gfield_list td {

width: 31%;

}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {

border: 0 none;

color: #ffffff;

font-family: roboto;

font-size: 15px;

padding: 10px 30px;

text-transform: uppercase;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="text"], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="url"], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="email"], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="tel"], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="number"], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="password"] {

width: 100% !important;

}

.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"] {

width: 100% !important;

}

.gform_confirmation_message {

background: none repeat scroll 0 0 #dff0d8;

border: 1px solid #c6d9b6;

color: #3c763d;

float: left;

padding: 20px;

width:100%;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

}

.gform_wrapper .top_label .gfield_error {

width: 100%;

}

.vc_toggle_title {

background: #eeeeee none repeat scroll 0 0;

float: left;

padding: 15px 20px 15px 40px !important;

width: 100%;

}

.vc_toggle_color_peacoc .vc_toggle_icon {

margin-left: 10px;

}

.vc_toggle > .vc_toggle_content {

background: #e7e7e7 none repeat scroll 0 0;

float: left;

margin: 0;

padding: 20px 30px;

width: 100%;

}

.flexslider .slides > li{text-align:center;}

.flexslider .slides > li a {

    display: inline-block;

}

.flexslider .slides > li a img {

    max-width: 100%;

}

.vc_tta-panel-body {

    background: #f2f2f2 none repeat scroll 0 0 !important;

    border-radius: 4px;

    float: left;

    padding: 40px !important;

    text-align: center;

    width: 100%;

}

.vc_tta-panel-body li.table-head {

    float: left;

    line-height: 40px;

    margin-bottom: 30px;

    width: 100%;

}

.vc_tta-panel-body .table-head h3 {

    float: left;

    font-size: 40px;

    line-height: 40px;

    text-transform: uppercase;

    width: 100%;

}

.vc_tta-panel-body li {

    float: left;

    line-height: 40px;

    width: 100%;

}

.vc_tta-panel-body li i {

    font-size: 17px;

    margin-right: 11px;

}

.vc_tta-panel-body li.price-per-year {

    font-size: 40px;

    font-weight: 700;

    line-height: 60px;

}

.vc_tta-panel-body li.price-per-year i {

    font-size: 30px;

    font-style: normal;

    margin: 0;

}

.vc_tta-panel-body li a {

    background: #000000 none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    font-weight: 600;

    line-height: 20px;

    padding: 13px 30px;

    text-transform: uppercase;

}

.vc_tta-panel-body {

    float: left;

    margin-top: -6px;

    width: 100%;

    -webkit-box-sizing: border-box !important;

    -moz-box-sizing: border-box !important;

    -ms-box-sizing: border-box !important;

    -o-box-sizing: border-box !important;

    box-sizing: border-box !important;

}

.vc_tta-panel-heading {

    float: left;

    width: 100%;

}

.vc_tta-panel {

    float: left;

    width: 100%;

}

.vc_gitem_row .vc_gitem-col{padding:30px;}

.flex-caption .post-title {

    color: #6f6f6f;

    float: left;

    font-size: 18px;

    margin-bottom: 10px;

    margin-top: 20px;

    width: 100%;

}

.vc_gitem_row .vc_gitem-col{padding:30px;}

.flex-caption .post-title {

    color: #6f6f6f;

    float: left;

    font-size: 18px;

    margin-bottom: 10px;

    margin-top: 20px;

    width: 100%;

}

.flex-caption .post-title a {color: inherit;}

.event-thumb .countdown li p{color:#FFFFFF;}

.portfolio img{width:100%;height:auto}

.custom h1, .custom h2, .custom h3, .custom h4, .custom h5, .custom h6 {

    font-weight:700;

    margin-bottom:20px;

}

.custom p {

    float: left;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 15px;

}

.custom ol, .custom ul {

    float: left;

    width: 100%;

}

.custom ul {list-style:disc}   

.custom ol li, .custom ul li {

    float: left;

    font-size: 13px;

    padding: 5px 10px 5px 20px;

    width: 100%;

}

.custom ol ol li:last-child, .custom ul ul li:last-child {border-bottom:0}

.custom ol ol ol li, .custom ul ul ul li {border-bottom:0 none}

/* BuddyPress */

#buddypress form div.item-list-tabs > ul > li > a,

#buddypress div.item-list-tabs > ul > li > a {

    background: #f1f1f1 none repeat scroll 0 0 !important;

    color: #232323 !important;

    font-family: Open Sans;

    font-size: 12px;

    font-weight: 700 !important;

    letter-spacing: 0.4px;

    line-height: 21px;

    padding: 10px 15px 10px 23px;

}

#buddypress form div.item-list-tabs > ul > li > a > span, #buddypress div.item-list-tabs > ul > li > a > span {

    color: #555;

    float: right;

    font-family: Lato;

    font-size: 9px;

    height: 22px;

    line-height: 15px !important;

    margin-left: 10px !important;

    padding: 0;

    text-align: center;

    width: 22px;

}

#buddypress > div#members-dir-search {

    float: right;

    margin: 0;

}

#buddypress > div#members-dir-search > form > label {

    border: 1px solid #e8ecec;

    float: left;

    margin: 0;

}

#buddypress label input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    float: left;

    font-family: Open Sans;

    font-size: 11px;

    font-weight: normal;

    letter-spacing: 0.5px;

    padding: 8px 20px;

}

#buddypress > div#members-dir-search > form > input[type="submit"] {

    background: #333333 none repeat scroll 0 0;

    border: medium none;

    color: #fff;

    float: left;

    font-family: Open Sans;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 0.5px;

    padding: 10px 12px;

}

#buddypress div.item-list-tabs > ul {

    float: left;

    width: auto;

}

#buddypress form div.item-list-tabs {

    clear: none;

    float: left;

    width: auto;

}

#buddypress div#subnav.item-list-tabs {

    float: right;

    margin: 0;

}

#buddypress div#subnav.item-list-tabs > ul > li > label {

    font-family: Open Sans;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: 0.5px;

    line-height: 30px;

    margin: 0;

    padding-right: 13px;

}

#buddypress div#subnav.item-list-tabs > ul > li > select {

    border: 1px solid #e8ecec;

    color: #b2b2b2;

    float: right;

    font-family: Open Sans;

    font-size: 9px;

    letter-spacing: 0.5px;

    padding: 8px 10px;

}

#buddypress > form#members-directory-form.dir-form {

    float: left;

    margin-top: 20px;

    width: 100%;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination {

    color: #333;

    float: right;

    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    padding: 18px 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination > #member-dir-count-top {

    float: left;

    font-size:12px;

    font-weight:900;

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination .pagination-links {

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination .pagination-links {

    color: #333333;

    font-family: Lato;

    font-size: 13px;

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination .pagination-links  a{

    color: #333333;

    font-family: Lato;

    font-size: 13px;

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > .pagination .pagination-links span {

    color: #333333;

    font-family: Lato;

    font-size: 13px;

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list,

#buddypress > .activity > ul

 {

    border-color: #eaeaea;

    float: left;

    width: 100%;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li,

#buddypress > .activity > ul li{

    display: table;

    float: left;

    padding: 24px 0;

    width: 100%;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item-avatar,

#buddypress > .activity > ul li .activity-avatar {

    float: left;

    margin-right: 20px;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item-avatar img,

#buddypress > .activity > ul li .activity-avatar img {

    margin: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item,

#buddypress > .activity > ul li .activity-content {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item > .item-title a, 

#buddypress  .activity > ul li > .activity-content > .activity-header p a {

    background: #f6f6f6 none repeat scroll 0 0;

    color: #333333;

    display: inline-block;

    font-family: Lato;

    font-size: 8px;

    line-height: 17px;

    margin: 0 7px;

    padding: 1px 10px;

    text-decoration: none;

    text-transform: uppercase;

}

#buddypress .activity > ul li > .activity-content > .activity-header p a:first-child, #buddypress  .activity > ul li > .activity-content > .activity-header p a:first-child {

    margin-left: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item > .item-title a:first-child, #buddypress .activity > ul li > .activity-content > .activity-header p a{

    margin-left: 0;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item > .item-title span,

#buddypress #activity-stream  .activity-header p {

    color: #292929;

    font-family: Open Sans;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.5px;

}

#buddypress > form#members-directory-form.dir-form .members.dir-list > ul.item-list > li > .item > .item-meta span {

    color: #b2b2b2;

    font-family: Open Sans;

    font-size: 11px;

    margin-top: 8px;

}

#buddypress div.item-list-tabs {

    clear: initial !important;

    float: left;

    margin: 14px 0 !important;

    width: auto !important;

}

#buddypress div#subnav.item-list-tabs > ul > li a {

    background: #7f7f7f none repeat scroll 0 0 !important;

    color: #fff !important;

    float: left;

    margin: 8px 30px 8px 0;

    opacity: 1;

    padding: 1px 20px;

}

#buddypress > .activity {

    float: left;

    margin-top: 20px;

    width: 100%;

}

#buddypress .activity-list .activity-content .activity-inner {

    float: left;

    line-height: 20px;

    margin: 0;

    width: 100%;

}

#buddypress .activity-list .activity-content .activity-inner p {

    line-height: 24px;

    margin: 0 !important;

}

#buddypress #item-header {

    position: relative;

}

#buddypress div#item-header #item-header-cover-image #item-header-content {

    bottom: 20px;

    clear: inherit !important;

    left: 188px;

    margin: 0;

    position: absolute;

    z-index: 9999999;

}

#buddypress #item-header-cover-image {

    float: left;

    width: 100%;

}

#buddypress div#item-header #item-header-cover-image #item-header-content > h2 {

    float: left;

    margin-bottom: 30px;

    width: 100%;

}

#buddypress div#item-header #item-header-cover-image #item-header-content > span.activity {

    color: #b8bcbc;

    font-family: Open Sans;

    font-size: 13px;

}

#buddypress div#item-header #item-header-cover-image #item-header-content > #item-meta > div {

    color: #292929;

    font-family: Lato;

    font-size: 9px;

}

#buddypress div#item-header #item-header-cover-image #item-header-content > #item-meta > div > a {

    border: 2px solid #e8ecec;

    color: #333333;

    display: inline-block;

    margin-left: 10px;

    padding: 3px 14px;

    text-transform: uppercase;

}

#buddypress div#item-header #item-header-cover-image #item-header-content > #item-meta {

    float: left;

    margin-bottom: 0;

    margin-top: 13px;

    padding: 0;

    width: 100%;

}

#buddypress > div#item-nav .item-list-tabs > ul > li > a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

    border: 2px solid white;

    color: #292929;

    font-family: Lato;

    font-size: 12px;

    font-weight: normal !important;

    margin-right: 7px;

    padding: 2px 20px;

}

#buddypress > #item-body > #subnav {

    margin-bottom: 30px;

    margin-top: 10px;

}

#buddypress .activity-list .activity-content .activity-meta {

    float: left;

    margin-top: 10px;

}

#buddypress .activity-list .activity-content .activity-meta > a {

    background: #555555 none repeat scroll 0 0;

    border: medium none;

    color: #fff;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    padding: 7px 17px;

}

#buddypress #item-body > .profile {

    float: left;

    width: 100%;

}

#buddypress #item-body > .profile .bp-widget {

    border: 2px solid #e8e8e8;

    display: table;

    float: left;

    margin-bottom: 6px;

    width: 100%;

}

#buddypress #item-body > .profile .bp-widget > h4 {

    background: #f7f7f7 none repeat scroll 0 0;

    color: #292929;

    display: table-cell;

    font-family: Lato;

    font-size: 14px;

    font-weight: normal;

    margin: 0;

    padding: 11px 10px 16px 20px;

    vertical-align: middle;

    width: 150px;

}

#buddypress #item-body > .profile .bp-widget > table {

    float: none;

    width: 100%;

}

#buddypress #item-body > .profile .bp-widget > table > tbody {

    float: left;

    width: 100%;

}

#buddypress #item-body > .profile .bp-widget > table > tbody > tr {

    float: left;

    padding-bottom: 14px;

    width: 100%;

}

#buddypress #item-body > .profile .bp-widget > table > tbody > tr td {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    color: #292929;

    float: left;

    font-family: Open Sans;

    font-size: 14px;

    font-weight: normal !important;

    letter-spacing: 0.5px;

    padding: 17px 40px 0;

    text-align: left;

    text-transform: none;

    width: 100%;

}

#buddypress .activity > #message {

    background: #fef4ed none repeat scroll 0 0;

    border: medium none;

    float: left;

    width: 100%;

}

#buddypress .activity > #message > p {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    font-family: Open Sans;

    font-size: 13px;

    margin: 0;

    padding: 15px 40px;

}

#buddypress .profile > form > h4 {

    float: left;

    font-family: Lato;

    font-size: 15px;

    margin: 0 0 30px;

    width: 100%;

}

#buddypress div .profile > form > ul.button-nav {

    float: left;

    list-style: outside none none;

    margin: 0 !important;

    padding: 0;

    width: 100%;

}

#buddypress div .profile > form > ul.button-nav > li {

    float: left;

    height: auto;

    margin: 0 10px 0 0;

}

#buddypress div .profile > form > ul.button-nav > li > a {

    border: 2px solid #e8ecec;

    color: #333333;

    float: left;

    font-family: Lato;

    font-size: 13px;

    font-weight: normal !important;

    padding: 9px 30px;

}

#buddypress div .profile > form > div.editfield {

    float: left;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > label {

    color: #555555;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: normal;

    margin-bottom: 10px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > label > span {

    color: red;

}

#buddypress div .profile > form > div.editfield > input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid #e8ecec;

    float: left;

    font-family: Lato;

    font-size: 13px;

    margin-bottom: 10px;

    padding: 10px 30px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > div.field-visibility-settings-notoggle {

    float: left;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > div.field-visibility-settings-notoggle {

    color: #959595;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > div.field-visibility-settings-notoggle > span {

    color: #555555;

    font-weight: 500;

}

#buddypress div .profile > form > div.editfield > p.description {

    float: left;

    font-size: 13px;

    width: 100%;

}

#buddypress div .profile > form > div.submit {

    float: left;

    width: 100%;

}

#buddypress div .profile > form > div.submit > input[type="submit"] {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 3px solid #e8ecec;

    float: left;

    font-family: Open Sans;

    font-size: 14px;

    padding: 11px 30px;

}

#buddypress div .profile > form > div.editfield > .datebox > label {

    color: #555555;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: normal;

    margin-bottom: 10px;

    margin-top: 20px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .datebox > select {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid #e8ecec;

    float: left;

    font-family: Open Sans;

    letter-spacing: 0.5px;

    margin-right: 10px;

}

#buddypress div .profile > form > div.editfield > p.field-visibility-settings-toggle {

    float: left;

    margin-top: 20px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > p.field-visibility-settings-toggle > a.visibility-toggle-link {

    color: red;

}

#buddypress div .profile > form > div.editfield > .field-visibility-settings {

    float: left;

    margin-top: 20px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .field-visibility-settings > fieldset legend {

    float: left;

    font-family: Open Sans;

    font-size: 16px;

    font-style: normal;

    padding-bottom: 10px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .field-visibility-settings > fieldset ul.radio {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .field-visibility-settings > fieldset ul.radio > li {

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    line-height: 23px;

    padding: 3px 0;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .field-visibility-settings > a.field-visibility-settings-close {

    color: red;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    margin-top: 9px;

}

#buddypress div .profile > form > div.editfield > div.field-visibility-settings-notoggle {

    color: #959595;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    margin-top: 10px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .checkbox > label {

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: normal;

    padding: 0;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .checkbox > label span {

    color: red;

}

#buddypress div .profile > form > div.editfield > .checkbox > label input {

    float: left;

    margin: 0 11px 0 0;

    position: static;

}

#buddypress div .profile > form > div.editfield > select {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    letter-spacing: 0.5px;

    padding: 6px 20px;

}

#buddypress div .profile > form > div.editfield > select[multiple="multiple"] {

    float: left;

    padding: 0;

}

#buddypress div .profile > form > div.editfield > .radio > label {

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: normal;

    margin: 0 0 12px;

    padding: 0;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .radio > div > label {

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    line-height: 21px;

    width: 100%;

}

#buddypress div .profile > form > div.editfield > .radio > a.clear-value {

    color: red;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    margin-top: 10px;

}

#buddypress #item-body > .profile > h4 {

    color: #232323;

    float: left;

    font-family: Open Sans;

    font-size: 17px;

    margin: 0 0 8px;

    width: 100%;

}

#buddypress #item-body > .profile > p {

    float: left;

    margin: 0;

    width: 100%;

}

#buddypress #item-body > .profile > p a {

    color: #000000;

}

#buddypress #item-body > .profile div.bp-avatar-nav {

    float: left;

    width: 100%;

}

#buddypress #item-body > .profile div.bp-avatar-nav ul {

    border: medium none;

    float: left;

    margin: 0;

    width: 100%;

}

#buddypress #item-body > .profile div.bp-avatar-nav ul > li {

    border: medium none !important;

    border-radius: 0;

    float: left;

    margin: 0;

}

#buddypress #item-body > .profile div.bp-avatar-nav ul > li > a {

    border: 2px solid #e8ecec;

    color: #333333;

    float: left;

    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    margin-right: 3px;

    padding: 9px 30px;

}

#buddypress #item-body > .profile div.bp-avatar {

    float: left;

    width: 100%;

}

#buddypress #item-body > .profile div.bp-avatar .drag-drop-info {

    color: #444444;

    font-family: Open Sans;

    font-size: 13px;

}

#buddypress #item-body > .profile div.bp-avatar .drag-drop-buttons input {

    border: 2px solid #e8ecec;

    font-family: Open Sans;

}

#buddypress #item-body > .profile .bp-avatar-status {

    float: left;

    width: 100%;

}

#buddypress #item-body > .profile .bp-avatar-status > p {

    border-radius: 5px;

    font-family: Open Sans;

    font-size: 13px;

    padding: 14px 40px;

}

#buddypress > #item-body > form {

    float: left;

    width: 100%;

}

#buddypress > #item-body > form > label {

    color: #555555;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: normal;

    letter-spacing: 0.5px;

    margin-bottom: 11px;

    margin-top: 15px;

    width: 100%;

}

#buddypress > #item-body > form > input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #000 !important;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    padding: 4px 20px;

    width: 100%;

}

#buddypress > #item-body > form > label span {

    color: red;

}

#buddypress > #item-body > form {

    color: #555555;

    float: left;

    font-family: Open Sans;

    font-size: 13px;

    letter-spacing: 0.5px;

    line-height: 30px;

    width: 100%;

}

/*== Buddy New ==*/

#buddypress input {

    background: #ffffff none repeat scroll 0 0 !important;

    border: 2px solid #e8e8e8 !important;

    height: 40px;

    width: 100% !important;

}

.register-section > h4 {

    float: left;

    font-family: Lato;

    font-size: 15px;

    font-weight: 800;

    margin: 0 0 20px;

    text-transform: uppercase;

    width: 100%;

}

.field-visibility-settings-notoggle {

    font-size: 11px;

    font-style: italic;

    font-weight: 700;

}

#buddypress .standard-form label,

#buddypress .standard-form span.label {

    color: #292929;

    display: block;

    font-family: Lato;

    font-size: 10px;

    font-weight: 800;

    margin: 15px 0 5px;

    text-transform: uppercase;

    width: auto;

}

#buddypress #signup_form.standard-form div.submit {float:left}

#buddypress input {

    background: #ffffff none repeat scroll 0 0 !important;

    border: 2px solid #e8e8e8 !important;

    color: #ffffff !important;

    font-family: Lato;

    font-size: 12px;

    height: 40px;

    width: 100% !important;

}

#buddypress .submit > input {

    background: #1f1f1f none repeat scroll 0 0 !important;

    border: 0 none !important;

    color: #ffffff;

    font-size: 10px;

    font-weight: 900;

    height: auto !important;

    letter-spacing: 0.5px;

    padding: 13px 20px !important;

    text-transform: uppercase;

}

.register-section { margin-top: 30px}

#buddypress #search-members-form {

    display: table;

    width: 250px;

}

#buddypress #search-members-form label {

    border: 0 none !important;

    float: left !important;

    width: 70%;

}

#buddypress #search-members-form > input {

    background: #333333 none repeat scroll 0 0 !important;

    border: 0 none !important;

    float: right;

    font-size: 10px !important;

    font-weight: 900;

    height: 30px;

    text-transform: uppercase;

    width: 30% !important;

}

#buddypress #search-members-form label input {

    border-width: 1px !important;

    height: 30px;

    color:#333333 !important;

    width: 100% !important;

}

#buddypress .item-title {

    color: #333333;

    font-family: lato;

    font-size: 13px !important;

    font-weight: 600 !important;

    margin-top: 10px !important;

}

#buddypress .item-title a {color:inherit}

#buddypress .item-meta span.activity {

    font-family: Lato;

    font-size: 11px;

    font-style: italic;

}

#buddypress .item{width:100%}

input:focus {

    border: medium none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}

#buddypress input#aw-whats-new-submit {

    background-color: gray !important;

}

#buddypress div#message {

    float: left;

    width: 100%;

}

#members-order-select > form > label {

    display: none;

}

#members-order-select > form > select {

    margin-top: 6px;

}

.staff-member img {

    height: 270px;

    width: 100%;

}

.desc > a {

    color:#333;

    float: left;

    font-family: roboto;

    font-size: 11px;

    text-transform: uppercase;

    -webkit-transition:all 0.2s linear;

    -moz-transition:all 0.2s linear;

    -ms-transition:all 0.2s linear;

    -o-transition:all 0.2s linear;

    transition:all 0.2s linear;

}

.desc > a:hover{letter-spacing:1px}

footer.light-footer::before {background:rgba(255, 255, 255, 0.9)}

footer.light-footer .footer-widget-title h4, 

footer.light-footer .footer-widget-title h4 span{color:#333333}

footer.light-footer .review i {color:#333333}

footer.light-footer .review span{color:#333333}

footer.light-footer .from > h6 {color:#333333}

footer.light-footer .contact-details li span{color:#333333}

footer.light-footer .review > p{color:#737373}

footer.light-footer .contact-details li p{color: #737373}

.site-loading {

    background: #ffffff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000000000;

}

/*===== Responsive Header =====*/

.responsive-header {

    float: left;

    display: none;

    position: relative;

    width: 100%;

    z-index: 99999;

}

.responsive-topbar {

    background: #0d0d0d none repeat scroll 0 0;

    float: left;

    width: 100%;

}

.responsive-topbar-info {

    float: left;

    width: 100%;

}

.responsive-topbar-info > ul {

    background: #1f1f1f none repeat scroll 0 0;

    float: left;

    width: 100%;

}

.responsive-topbar-info > ul > li {

    border-right: 1px solid #0d0d0d;

    color: transparent;

    float: left;

    font-family:roboto;

    font-size: 11px;

    padding: 8px 15px;

    position: relative;

    text-align: center;

    -webkit-transition: all 0.25s linear 0s;

    -moz-transition: all 0.25s linear 0s;

    -ms-transition: all 0.25s linear 0s;

    -o-transition: all 0.25s linear 0s;

    transition: all 0.25s linear 0s;

    white-space: nowrap;

    width:8%;

}

.responsive-topbar-info > ul > li:last-child {border-right: 0 none;}

.responsive-topbar-info > ul > li i {

    color: #9f9f9f;

    font-size: 13px;

    margin-right: 5px;

}

.responsive-topbar-info > ul > li.active {

    color: #9f9f9f;

    width:84%;

}

.responsive-socialbtns {

    float: left;

    margin-top: 20px;

    text-align: center;

    width: 100%;

}

.responsive-socialbtns > ul {

    display: inline-block;

    margin-bottom: -8px;

}

.responsive-socialbtns > ul > li {

    color: #666;

    float: left;

    font-size: 9px;

    margin-right: 3px;

}

.responsive-socialbtns > ul > li:last-child {margin-right: 0;}

.responsive-socialbtns > ul > li > a {

    background: #fff none repeat scroll 0 0;

    -webkit-border-radius: 2px 2px 0 0;

    -moz-border-radius: 2px 2px 0 0;

    -ms-border-radius: 2px 2px 0 0;

    -o-border-radius: 2px 2px 0 0;

    border-radius: 2px 2px 0 0;

    color: inherit;

    float: left;

    height: 28px;

    line-height: 28px;

    -webkit-transition: all 0.25s linear 0s;

    -moz-transition: all 0.25s linear 0s;

    -ms-transition: all 0.25s linear 0s;

    -o-transition: all 0.25s linear 0s;

    transition: all 0.25s linear 0s;

    width: 28px;

}

.responsive-socialbtns > ul > li:hover > a {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

}

.responsive-logomenu {

    background: #fff none repeat scroll 0 0;

    float: left;

    padding: 25px 0;

    width: 100%;

}

.responsive-logomenu a {float: left;}

.menu-btn {

    background: #1f1f1f none repeat scroll 0 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    color: #fff;

    cursor: pointer;

    float: right;

    font-size: 9px;

    height: 30px;

    line-height: 30px;

    margin-top: 10px;

    text-align: center;

    width: 30px;

}

.responsive-menu {

    background: #1f1f1f none repeat scroll 0 0;

    height: 100%;

    padding-right: 30px;

    position: fixed;

    right: -260px;

    top: 0;

    width: 260px;

    -webkit-transition: all 600ms cubic-bezier(0.900, 0, 0.485, 1); /* older webkit */

    -webkit-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);

       -moz-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);

         -o-transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055);

            transition: all 600ms cubic-bezier(0.900, -0.025, 0.485, 1.055); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.900, 0, 0.485, 1); /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);

       -moz-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);

         -o-transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055);

            transition-timing-function: cubic-bezier(0.900, -0.025, 0.485, 1.055); /* custom */

}

.responsive-menu.slidein {right: 0;}

.close-btn {

    border: 1px solid #5d5d5d;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    color: #5d5d5d;

    cursor: pointer;

    float: right;

    font-size: 12px;

    height: 30px;

    line-height: 30px;

    margin-top: 20px;

    text-align: center;

    width: 30px;

}

.responsive-menu > ul,

.responsive-menu > div > ul{

    float: left;

    margin-top: 30px;

    width: 100%;

}

.responsive-menu > ul li,

.responsive-menu > div > ul li{

    color: #fff;

    float: left;

    font-family: roboto;

    font-size: 12px;

    margin-bottom: 2px;

    position: relative;

    text-transform: uppercase;

    width: 100%;

}

.responsive-menu > ul li:last-child,

.responsive-menu > div > ul li:last-child {margin-bottom: 0;}

.responsive-menu > ul li a,

.responsive-menu > div > ul li a {

    color: inherit;

    float: left;

    padding: 15px 15px 15px 40px;

    -webkit-transition: all 0.25s linear 0s;

    -moz-transition: all 0.25s linear 0s;

    -ms-transition: all 0.25s linear 0s;

    -o-transition: all 0.25s linear 0s;

    transition: all 0.25s linear 0s;

    width: 100%;

}

.responsive-menu > ul > li > a,

.responsive-menu > div > ul > li > a {background: #2a2a2a none repeat scroll 0 0;}

.responsive-menu > ul li ul,

.responsive-menu > div > ul li ul {

    float: left;

    display: none;

    text-transform: initial !important;

    width: 100%;

}

.responsive-menu > ul li > a:before,

.responsive-menu > div > ul li > a:before{

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 3px;

    left: 25px;

    position: absolute;

    top: 22px;

    width: 3px;

}

.responsive-menu > ul li ul li a,

.responsive-menu > div > ul li ul li a {

    padding-bottom: 8px;

    padding-top: 8px;

}

.responsive-menu > ul li ul li,

.responsive-menu > div > ul li ul li {

    font-size: 12px;

    text-transform: initial;

}

.responsive-menu > ul li ul li a::before,

.responsive-menu > div > ul li ul li a::before {top: 15px;}

.responsive-menu > ul li ul,

.responsive-menu > div > ul li ul{

    margin-bottom: 15px;

    margin-top: 15px;

}

.responsive-menu > ul li ul ul,

.responsive-menu > div > ul li ul ul{

    margin-bottom: 0;

    margin-top: 0;

    padding-left: 20px;

}

.responsive-header .responsive-donate {

    border: 0 none;

    color: #fff;

    float: left;

    font-family:roboto;

    font-size: 12px;

    padding: 15px;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

}

/*===== perfect-scrollbar v0.6.7 =====*/

.ps-container {

  -ms-touch-action: none;

  overflow: hidden !important; }

  .ps-container.ps-active-x > .ps-scrollbar-x-rail,

  .ps-container.ps-active-y > .ps-scrollbar-y-rail {

    display: block; }

  .ps-container.ps-in-scrolling {

    pointer-events: none; }

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {

        background-color: #999; }

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {

        background-color: #999; }

  .ps-container > .ps-scrollbar-x-rail {

    display: none;

    position: absolute;

    /* please don't change 'position' */

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;

    -o-transition: background-color 0.2s linear, opacity 0.2s linear;

    transition: background-color 0.2s linear, opacity 0.2s linear;

    bottom: 3px;

    /* there must be 'bottom' for ps-scrollbar-x-rail */

    height: 8px; }

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {

      position: absolute;

      /* please don't change 'position' */

      background-color: #aaa;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      border-radius: 4px;

      -webkit-transition: background-color 0.2s linear;

      -moz-transition: background-color 0.2s linear;

      -o-transition: background-color 0.2s linear;

      transition: background-color 0.2s linear;

      bottom: 0;

      /* there must be 'bottom' for ps-scrollbar-x */

      height: 8px; }

  .ps-container > .ps-scrollbar-y-rail {

    display: none;

    position: absolute;

    /* please don't change 'position' */

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;

    -o-transition: background-color 0.2s linear, opacity 0.2s linear;

    transition: background-color 0.2s linear, opacity 0.2s linear;

    right: 3px;

    /* there must be 'right' for ps-scrollbar-y-rail */

    width: 8px; }

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {

      position: absolute;

      /* please don't change 'position' */

      background-color: #aaa;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      border-radius: 4px;

      -webkit-transition: background-color 0.2s linear;

      -moz-transition: background-color 0.2s linear;

      -o-transition: background-color 0.2s linear;

      transition: background-color 0.2s linear;

      right: 0;

      /* there must be 'right' for ps-scrollbar-y */

      width: 8px; }

  .ps-container:hover.ps-in-scrolling {

    pointer-events: none; }

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {

        background-color: #999; }

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {

        background-color: #999; }

  .ps-container:hover > .ps-scrollbar-x-rail,

  .ps-container:hover > .ps-scrollbar-y-rail {

    opacity: 0.6; }

  .ps-container:hover > .ps-scrollbar-x-rail:hover {

    background-color: #eee;

    opacity: 0.9; }

    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {

      background-color: #999; }

  .ps-container:hover > .ps-scrollbar-y-rail:hover {

    background-color: #eee;

    opacity: 0.9; }

    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {

      background-color: #999; }

.recent-news .row > div > a {

    color: #5f5f5f;

    font-family: roboto;

    font-size: 11px;

    font-weight: 400;

    letter-spacing: 0.3px;

    text-transform: uppercase;

}

.woocommerce nav.woocommerce-pagination ul li span.current{color:#FFF}